@charset "utf-8";
/* CSS Document */
@import url('font-awesome.min.css');

.fontawesome-icon-list .fa-hover a {
  display: block;
  color: #222222;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px;
}
.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}
.fontawesome-icon-list .fa-hover a:hover {
  background-color: #1d9d74;
  color: #ffffff;
  text-decoration: none;
}
.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px;
}
.fontawesome-icon-list .fa-hover a:hover .text-muted {
  color: #bbe2d5;
}

/*@font-face {
    font-family: 'roboto_slabregular';
    src: url('fonts/robotoslab-regular-webfont.eot');
    src: url('fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/robotoslab-regular-webfont.woff') format('woff'),
url('fonts/robotoslab-regular-webfont.ttf') format('truetype'),
url('fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

 /*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

ol, ul {
	list-style:none;
}


img{ outline:none; max-width:100%;}

button, input, textarea {
	width:auto;
	overflow:visible;
	margin:0;
	font-size:100%;
	vertical-align:baseline;
}

textarea {
	overflow:auto;
	vertical-align:text-top;
}

/* =Base
-------------------------------------------------------------- */
html {
	height:100%;
}


body{ margin:0; padding:0;font-family:Helvetica, Arial;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
.wrapper{ width:100%; margin:0 auto;}
.inner_wrapper{ margin:0 auto; max-width:1600px; width:100%; padding:0 20px; box-sizing:border-box;}
.header{ float:left; width:100%;}
.right_header{ float:right;}
.right_header ul li{ list-style:none; display:inline;}
.logo{ float:left;margin-top:20px; color:#FFF; font-size:30px; }
.logo a{ color:#FFF; font-size:30px; text-decoration:none;}
.logo2{ float:left;color:#666; font-size:30px; }
.logo2 a{ olor:#666; font-size:30px; text-decoration:none;}
.menu{ float:left; width:150px; margin-top:10px;}
.menu ul li a { text-decoration:none; color:#666;}
.left{width:45%; position:fixed; top:20px; height:100%;}
.right{ float:right; width:42%; margin-top:77px;}
.right_spic{ float:left; width:100%;}
.right_story{float: left;width: 100%;font-size: 16px;color: #999999; line-height: 22px;margin-top: 20px;   }

.leftmater .right_story{ text-align: justify!important;  }
.right_story p{ margin-top:0px!important; }
.gaurav strong{ color:#B60F0F; }

.sr-logo{ bottom:0px; margin-top:40px; display:inline-block;}
.social_icon{ position:absolute; bottom:30px; width:100%; float:left;}
.social_icon h3{ font-size:16px;color:#666;}
.social_icon ul li{ list-style:none; display:inline;}
.social_icon ul li a{ text-decoration:none;}
.left.shrink{ float:left; width:30%;}
.right.wide{ width:60%; float:right;}
.category_box{ float:left; width:100%; margin-bottom:20px;}
.category_deta{ float:left; width:40%; text-align:left;}
.category_deta h2{ font-size:24px; font-weight:normal; color:#333333; margin-bottom:25px;}
.category_deta h3{font-size:16px; font-weight:normal; color:#999999;}
.detai_img{ float: right; width:50%; text-align:right;}
.right_story h2{font-size:21px; font-weight:normal; color:#333333; margin-top:15px;}
.right_story h3{font-size:20px; font-weight:normal; color:#999999;}
.right_story p{ margin-top:20px; padding:0 10px 10px 0;}
.menuvertical{ float:left; z-index:20; position:relative;}
.container{ display:none;}
.background{width:100%; height:100%; position:fixed; z-index:-1; top:0px; }
.background img {height: 100%;   max-width: 100%;	width:100%;}
.topsocial{ float:right;}
ul.topsocial{ margin:0; padding:0;}
ul.topsocial li{ list-style:none; display:inline}
ul.topsocial.fa fa-facebook{ font-size:12px;}
.detail{ float:left; width:100%; margin-top:20px;}
.leftmater{ float:left; width:55%;}
.detail_right{ float:right; width:42%;}

.detailblock .left{ top:0;}
.detailblock .leftmater{ width:100%; height:200px; overflow:auto; overflow-x:hidden;}
.detailblock header{float: left;  width: 100%;padding-bottom:90px;  padding-top:20px; background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.detailblock footer{position:absolute; bottom:0; width:100%;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.detailblock .social_icon{ padding-bottom:0px;  padding-top: 60px; /*position:relative;*/ bottom:0; }
.mapright_story{float: left;width: 100%;font-size: 22px;color: #333333;text-align: justify;line-height:30px;margin-top: 20px;}
.toheight{ margin-top:30px;}
.toheight2{ margin-top:40px; margin-bottom:40px;}
.careerform{ float:left; width:100%;}
.form_fild{ float:left; width:48%; margin-right:29px; margin-top:10px;}
.texfild{ float:left; width:100%; height:42px; border:solid 1px #ccc; padding-left:5px; padding-right:5px; font-size:14px; color:#333;}
.form_fild:nth-child(2n+2){ margin-right:0px;}
.textarea{ float:left; width:100%; margin-top:10px;}
.textareabox{ padding:5px; border:solid 1px #ccc;width:100%; font-size:14px; color:#333; font-family:Helvetica, Arial;}
.submit{ float:left; margin-top:10px;}
.submitbutton{border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #000000;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC); cursor:pointer;}
 
.submitbutton:hover{border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);}
.leftmater.mobile{ display:none;}
.ps-container .right_story{ padding-right:20px; box-sizing:border-box;}
/*.social_icons{ position: absolute;  right: 40px;   top: 26px;}*/
.social_icons{ float:right;margin-top:10px;clear:both;}
@media screen and (min-width:1280px){
	.inner_wrapper{ width:100%; max-width:100%;}
	img{ height:auto; max-width:100%;}
	.container{ display:none;}
}

@media screen and (min-width:980px) and (max-width:1024px){
	.inner_wrapper{ width:960px; max-width:960px;}
	img{ height:auto; max-width:100%;}
	.container{ display:none;}
	.sr-logo{height:auto; max-width:100%; width:100%;}
	.form_fild{ width:47%;}
}

@media screen and (max-width:979px){
.left {    height: auto;    position: relative;    top: 20px;    width: 100%;}
.right {    float: left;    margin-top: 77px;    width: 100%;}
img{ height:auto; max-width:100%;}
.inner_wrapper{ padding:0 10px;}
.logo2{ float:left; text-align:center;}
.right_spic{ float:none; text-align:center;}
.menuvertical{ display:none;}
.container{ display:block;}
.social_icon{ position:inherit; bottom:0px;}
.sr-logo{ display: inherit; margin-top:40px; position:relativel; top:40px; clear:both;}
.left.shrink{ width:100%;}
.right.wide{ width:100%;}
.category_deta{ width:100%; text-align:center;}
.detai_img{ width:100%; margin-top:10px; text-align:center;}
.category_deta h2{ margin-bottom:0px;}
.background img {height: 100%;max-width: 100%;}
.logo{ width:100%; float:none; text-align:center;}
.right_story { margin-bottom:40px;}
.detail_right{ width:100%;}
.leftmater{ width:100%; height:auto;}
.detailblock footer{ position:relative; background:none}
.detailblock .social_icon{ padding:0}
.detailblock .leftmater{ width:100%; height:auto;}
.detailblock header{ padding-top:0; padding-bottom:0;}
.form_fild{ width:100%;}
.detailblock .leftmater{ display:none;}
.leftmater.mobile{ display:block;}
.careerform{ margin-bottom:40px;}
}

iframe{
max-width:100%;
}

.detailblock #leftmater1{ width:100%; height:200px; overflow:hidden!important; position:relative; bottom:80px;}

.right_story_color span {
    color: #999999; 
}