@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body{font-family: 'Roboto', sans-serif; font-weight:400;}
header{margin-top:10px; margin-bottom:10px;}

a{transition:all 0.5s linear 0s; outline:none !important;}
a:hover{transition:all 0.5s linear 0s;}


/*===NAV BAR===*/
.navbar-default{background:none; border:none;}
.navbar{min-height:auto; margin-bottom:0;}
.navbar-brand{height:auto; padding:0;}
.navbar-default .navbar-nav > li > a{text-transform:uppercase; font-size:13px; color:#000;}
.fa-search{margin-top:13px;}
.murugappa-logo{}
.nav > li > a{padding:10px 10px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background:#0093dd !important;
	color:#fff;
}

.navbar-default .navbar-nav > li > a:hover{
	background:#0093dd;
	color:#fff;
}

.dropdown-menu{
	padding-top:0;
	padding-bottom:0;
	border:none;
	border-radius:0;
}

.dropdown-menu>li>a{
	padding:7px 20px;
	font-size:12px;
}
.dropdown-menu>li>a:hover{
	background:#0093dd;
	color:#fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-top:18px;}

.no-pad{padding-left:0; padding-right:0;}


.parry-logo{}


/*===SEARCH===*/
#search{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
  	font-family: Roboto;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}
/*====*/

.carousel-indicators li{display:none;}
.banner{background:#052F7F; margin-bottom:50px;}
#carousel-example img{margin:0 auto;}
.carousel-control.left, .carousel-control.right{background:none;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:50%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:50%;}

.home-header h5{font-size:15px; color:#AAA; margin-top:0;}
.home-header h2{font-size:38px; color:#444; margin-top:0; font-weight:400;}

.part01{margin-top:30px;}
.home-about{padding:0 30px;}
.home-about h3{font-weight:300; font-size:30px; margin-top:0; color:#000; line-height:40px; margin-bottom:15px;}
.home-about p{font-weight:300; font-size:17px; color:#666; line-height:30px;}
.home-about button{width:100%; border:2px solid #D8D8D8; padding:15px 0; background:#FFF; margin-top:12px;}
.home-about button:hover{background:#D8D8D8;}
.home-about a{color:#003385;}

/*====*/
.filter-bg{background:url(../images/filter-bg.jpg); padding:80px 0; border-bottom:1px solid #D6D6D6;}

.home-products{background:#0A1440; padding:50px 0; margin-top:80px;}
.home-products h5{font-size:15px; color:#CCC; margin-top:0; text-transform:uppercase;}
.home-products h2{font-size:35px; color:#FFF; margin-top:0; font-weight:600;}

.home-pro-style{text-transform:uppercase; font-size:13px; text-align:right; font-weight:500;}
.home-pro-style .fa-long-arrow-right{margin-left:10px; margin-top:40px;}
.home-pro-style a{color:#15ADFF;}
.home-pro-style a:hover{color:#FFF; text-decoration:none;}
.toolbar{margin-top:18px; border:1px solid #3B4366;}
.toolbar ul{margin-bottom:0;}
.toolbar button{font-size:13px; color:#fff; text-transform:uppercase; padding:18px 24px; background:none;} 
.toolbar button:hover{background:#15ADFF; border-radius:0; color:#FFF;}

/*===*/

.news-part{}
.news-part h5{font-size:15px; color:#CCC; margin-top:0; text-transform:uppercase;}
.news-part h2{font-size:38px; color:#444; margin-top:0; font-weight:600; margin-bottom:0}
.news-part h3{font-size:22px; color:#14ACFF; margin-top:0; font-weight:400; margin-bottom:0}
.news-part h6{color:#0D7FC9; font-size:13px;}
.news-part .fa-calendar-o{margin-right:5px;}
.news-part .btm-line{border-bottom:1px solid #DBDCDE; margin:25px 0;}
.news-part p{font-size:15px; color:#444; line-height:25px;}
.news-part #demo{margin-top:40px;}


.youtube{padding:15px; border:1px solid #D6D6D6;}
.num-count{text-align:center; border-top:1px solid #D6D6D6; padding:70px 0;}
.num-count li{color:#306DB8; font-size:38px; padding:0 5%;}
.num-count h4{font-size:16px; color:#5F5F5F; font-weight:400;}


footer{
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:#FFF;
}

.footer-part{padding:40px 0;}


footer p{font-size:16px; color:#FFF; margin-top:35px; line-height:26px;}
footer h2{font-size:25px; margin-top:0; font-weight:700; color:#fff; margin-bottom:25px;}
.quick-links{margin-bottom:15px;}
.quick-links li{padding:3px 0;}
.quick-links li a{color:#fff; font-size:13px;}
.quick-links .fa-angle-right{content: "\f000"; font-family: FontAwesome; margin-right:7px;}

.social-media .fa-facebook, .social-media .fa-twitter, .social-media .fa-youtube-play, .social-media .fa-envelope{font-size:21px; margin-left:10px;}
.social-media a{color:#FFF;}
.social-media a:hover{color:#0E1B54;}

.stock{border-radius:5px; background:url(../images/icon1.png) no-repeat #F7F7F7 10px 5px; padding:10px 35px; font-size:13px; color:#0D1A53;}

.gototop{text-align:right; margin:30px 0;}
.scrollup{}

.copyright{background:#07648B; color:#001A33; font-size:13px; padding:7px 0;}
.copyright a{color:#001A33;}
.copyright a:hover{color:#FFF;}
.side-logo{margin-top:10px; border-left:1px solid #DDD;}


/*==============*/

#wdm_timeline_post_content_font {
	color: #FFF !important;
	line-height: 20px !important;
	padding-bottom: 0px !important;
}
.content-date-left {
font-size:18px;
}
.content-date-right {
font-size:18px;
}

/*==============*/

.sub-banner{
	padding: 38px 0;
	background-image: url(../images/sub-bannerbg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #004C98;
}
	
.sub-banner h1{margin-top:0; margin-bottom:0; color:#FFF; padding-left:15px; /*text-transform:uppercase; letter-spacing:3px; font-weight:700;*/}

.subpage-text{margin:70px 0;}
.article{padding-right:50px; border-right:1px solid #e3e3e3;}
.article h4{font-size:20px; color:#0886d7; margin-top:30px; margin-bottom:15px;}
.article h5{color:#000; line-height:27px;}
.article h2{color:#222; margin-top:10px;}
.article hr{width:150px; float:left; margin-top:10px; margin-bottom:40px; border-top-color:#ccc4c4;}
.article p{color:#777; line-height:25px; text-align:justify; padding-bottom:5px;}

.subpage-list-style{/*padding-bottom:15px;*/}
.subpage-list-style ul {padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px;}
.subpage-list-style ul li:before{
	content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right:15px;
	color:#777;
}
.subpage-list-style ul li {line-height:25px; padding-bottom:15px; text-align:justify; display:flex; color:#777;}
.subpage-list-style ol li{line-height:25px; padding-bottom:15px; text-align:justify; color:#777;}



.aside{}

.sidemenu-style{}
.sidemenu-style ul{padding-left:0; list-style:none; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
.sidemenu-style li a{color:#777;}
.sidemenu-style li a:hover{text-decoration:none; color:#FFF;}
.sidemenu-style li:before {
    content: "\f192";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right:15px;
	color:#777;
}
.sidemenu-style li{
	border-bottom:1px solid #e3e3e3;
	font-size:13px;
	padding:10px 15px;
	transition:all 0.5s linear 0s;
}
.sidemenu-style li:hover{background:#838383; transition:all 0.5s linear 0s;}

.cha-spe ul li {padding-bottom:15px; display:flex;}


.cha-spe{}
.cha-spe ul{padding-left:0; list-style:none;}
.cha-spe li{
	font-size:13px;
	padding:20px 15px;
	transition:all 0.5s linear 0s;
	margin-bottom:15px;
	background:#F0F0F0;
	border-left:5px solid #E9E9E9;
}

.cha-spe li:hover{
	background:#1A9ADA;
	border-left:5px solid #157AAC;
	transition:all 0.5s linear 0s;
	color:#fff;
}

.cha-spe li a{
	color:#6a6a6a;
}

.cha-spe li a:hover{
	color:#FFF;
	text-decoration:none;
}

.cha-spe li:before {
    content: "\f1c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right:15px;
	color:#F00;
	font-size:25px;
}

/*==CAREERS===*/


table.job-table {
	
}
table.job-table th {
	width:30% !important;
}
table.job-table th, table.job-table td {
	padding:10px;
	border: solid 1px #DFDFDF;
	text-align:left !important;
}
table.job-table td a {
	text-decoration: none;
	font-weight: 700;
	color: #F60;
}	
table td.jobs-applynow a {
	padding:5px 10px;
	display:inline-block;
	background:#333;
	color:#FFF;
	text-decoration:none;
	width:inherit;
}
table.job-apply-table {
	
}
.job-apply-table input[type="text"], .job-apply-table input[type="file"], .job-apply-table input[type="email"], .job-apply-table input[type="tel"]{
	padding:2px !important;
	width:98% !important;
	height: 30px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #cccccc;
	border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.job-apply-table input[type="text"]:focus, .job-apply-table textarea:focus, .job-apply-table input[type="email"]:focus, .job-apply-table input[type="tel"]:focus, .job-apply-table textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.job-apply-table textarea {
	border: 1px solid #cccccc;
	border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s; 
	height: 70px; 
	width: 98%;
}
.job-apply-table select{
	padding:2px !important;
	width:270px !important;
	height: 50px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.job-apply-table input[type="submit"] {
	background:#DD070B;
	font-size: 12px;
	display: block;
	font-weight: 700;
	height: 31px;
	color: #FFF;
	text-decoration: none;
	margin-right: 40%;
	margin-top:10px;
	line-height: 30px;
	vertical-align:middle;
	padding: 0px 16px;
	width: 160px !important;
	border: none;
	cursor: pointer;
	float: right;
}
.job-apply-table input[type="submit"]:hover {
	background:#AB101C;
}


/*==EXP COLL===*/
.exp-coll{}
.panel-heading .accordion-toggle::after{font-family: 'Glyphicons Halflings'; font-family: 'FontAwesome'; content: "\f107"; float: right; color: grey;}
.panel-heading .accordion-toggle.collapsed::after{content: "\f105";}
.panel-default{border-color:#EAEAEA;}
.panel-group .panel{border-radius:0;}
.panel-default > .panel-heading{background:#f9f9f9; border-radius:0;}
.panel-heading{padding:20px 15px;}
.panel-title{font-size:25px; font-weight:500; color:#003385;}
.panel-body{color:#545454; font-size:14px; line-height:27px; text-align:justify;}
.panel-title a:hover{text-decoration:none;}
.exp-coll .panel-group .panel{border-radius: 0;}
.exp-coll .panel-default > .panel-heading{background: #FFF; transition: all 0.5s linear 0s;}
.exp-coll .panel-default > .panel-heading:hover{background:#F9F9F9; transition:all 0.5s linear 0s;}
.exp-coll .panel-heading{padding: 15px;}
.exp-coll .panel-title {font-weight: 400; padding:0; margin:0; font-size:17px; color:#09C;}
.exp-coll h4 {padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;}

/*====PRODUCT PAGE=======*/
.product-page{margin-top:30px; margin-bottom:50px;}
.pro-mar-style{margin-top:30px; margin-bottom:30px;}
.pro-mar-style h6{text-align:center; font-weight:normal; font-size:14px;}
.pro-mar-style h3, .glo-acc h3{margin-top:0; margin-bottom:20px; color:#1896D6; font-weight:700;}
.pro-mar-style h4, .glo-acc h4{margin-top:0; padding-bottom:15px; border-bottom:1px dashed #CCC;}
.pro-mar-style ul{margin-bottom:30px;}
.pro-mar-style li{line-height:25px; color:#777; margin-bottom:10px; display:flex; margin-left:15px;}
.pro-mar-style li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color:#1896D6;
	margin-right:15px;
}
.glo-acc{margin-top:30px; margin-bottom:40px;}
.glo-acc p{color:#777; line-height:25px; text-align:justify; padding-bottom:5px;}
.glo-acc li{border:1px solid #eee;}

/*====PRODUCT PAGE=======*/

.award-page{border-bottom:1px dashed #CCC; padding-bottom:15px; margin-bottom:15px; text-align:center;}
.award-page h3{margin-bottom:25px; color:#09C; text-align:left;}
.award-page p{margin-bottom:0; color:#06C;}
.award-page img{margin-bottom:15px;}
.award-page h6{margin-top:0; color:#777; line-height:20px;}
.award-page h6 span{color:#09C;}


.form-control{
	height:auto;
	padding:10px 20px;
	border-radius:0;
}

.bdr-btm-line{border-bottom:1px solid #CCC; margin-top:15px; margin-bottom:15px;}

.rd-suar{}
.rd-suar h4{margin-top:0;}

.archives-style{}
.archives-style .fa-file-pdf-o{margin-right:15px; color:#004C98;}
.archives-style li{line-height:40px; margin-left:15px;}

/*===News===*/

.f_img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

/*===MEDIA SCREEN===*/

@media screen and (min-width:768px) and (max-width:991px){
.home-pro-style{text-align:left;}
.navbar-default .navbar-nav > li > a{font-size:13px;}
.nav > li > a{padding:10px 8px;}
.murugappa-logo{margin-left:5px; padding-left:5px; border-left:none; margin-top:0px;}
.num-count li{font-size:30px; padding:0 10px;}
}

@media screen and (max-width:991px){
.home-about h3{margin-top:15px; margin-bottom:15px;}
.home-about button{margin-top:15px; margin-bottom:30px;}	
.exp-coll{margin-top:30px;}
.filter-bg{padding:30px 0 15px 0;}

}




@media screen and (max-width:767px){
.murugappa-logo{margin-left:0; border-left:0; margin-top:0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:5%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:5%;}
.home-products{margin-top:30px;}
.toolbar li{width:100% !important; padding-right:0;}
.toolbar button{width:100%; text-align:left;}
.home-pro-style{text-align:left;}
.news-part h3{font-size:18px; margin-top:15px;}
.youtube{margin-top:30px;}
.num-count{text-align:left; padding:20px 0;}
.num-count li{font-size:26px; padding:0 10px; width:100%;}
.copyright .text-right{text-align:left !important;}
.social-media .text-right{text-align:left; margin-top:20px;}
.gototop{text-align:left;}
.navbar{position: fixed; right: 0; width: 100%; top: 0; background: #fFF; z-index: 1;}
.parry-logo{margin-top:35px;}
.parry-logo img{margin:0 auto;}
.article{padding-right:15px; border-right:none;}
.side-logo{margin-top:10px; border-left:none; text-align:center !important; padding-top:15px; border-top:1px solid #ddd;}
.navbar .pull-right{float:left !important;}
.fa-search{margin-top:0;}
.subpage-list-style img{margin-bottom:15px;}
.subpage-list-style ul{padding-left:0px;}
.award-page{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.award-page h6{margin-bottom:15px;}
.sub-banner{padding:10px 0;}	
.sub-banner h1{padding-left:0; font-size:21px; text-align:center;}
.sub-banner .breadcrumb{text-align:center;}
.f_img {max-width:100%; height:auto; float:none !important; margin:0px !important;}
}