@charset "utf-8";
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
body { background: /*url(../images/home.jpg) no-repeat top center*/ #FFF; font-family: 'Source Sans Pro', sans-serif; }
li { list-style: none; display: inline-block; }
p { text-align: justify; }
a:hover { text-decoration: none; }
a { text-decoration: none; color: #333333; }
img { max-width: 100%; }
.wrapper, .header, .footer, .section { width: 100%; }
.inner-wrapper { margin: 0 auto; padding: 0; }
/*menu S*/



/*menu ends */

/*header section*/
header { padding: 8px 0 6px; box-shadow: 0 5px 5px rgba(0,0,0,.54); position: fixed; top: 0; left: 0; right: 0; z-index: 1; background: #fff; border-bottom: 1px solid #e2e2e2; }
.right-head { padding-top: 13px; }
.right-head li { font-size: 18px; padding-left: 38px; vertical-align: middle; }
.right-head li a { color: #333333; display: block; }
.right-head li a:hover { color: #e5aa14; }
.right-head li img { vertical-align: middle; }
.header-main { padding: 0 27px 0 30px; }
/*footer*/
.bottom-footer { background: #0f0f0d; position: relative; padding: 26px 0 11px; }
.quick-links ul { display: inline-block; vertical-align: top; width: 31%; }
.quick-links ul li { display: block; }
.bottom-footer li, .bottom-footer p { font-size: 16px; color: #7a7a7a; font-weight: 400; }
.bottom-footer a { color: #7a7a7a; }
.bottom-footer a:hover { color: #E5AA14; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
h4 { color: #484847; font-size: 20px; padding-bottom: 11px; padding-top: 10px; }
.social-links > h4 { padding-bottom: 18px; }
.top-footer { padding: 0 0 12px; }
.links-foot { padding-left: 13px; padding-top: 19px; }
.quick-links { width: 58%; }
.social-links li { margin-right: 10px; }
.social-links li a .fa { display: block; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; background: #75746f; color: #0f0f0d; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
.social-links li a:hover .fa-facebook { background: #3B5999; }
.social-links li a:hover .fa-tumblr { background: #3C5977; }
.social-links li a:hover .fa-twitter { background: #00BBEF; }
.border-bottom { border-bottom: 1px solid #2a2a26; }
.logo-footer { padding: 58px 0 58px 18px; width: 30%; }
/*footer*/

/*banner */
.banner-text { position: relative; }
.banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/pat.png) repeat rgba(0,0,0,.4); }
.banner-img img { width: 100%; }
.banner-content { padding-top: 232px; text-align: center; }
.banner-content h1 { font-size: 61px; color: #fff; }
.banner-content p { color: #fff; font-size: 20px; text-align: center; padding: 16px 0 76px; }
.yellow-btn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab42b+0,e3a304+100 */ background: rgb(234,180,43); /* Old browsers */ background: -moz-linear-gradient(top, rgba(234,180,43,1) 0%, rgba(227,163,4,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234,180,43,1)), color-stop(100%, rgba(227,163,4,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(234,180,43,1) 0%, rgba(227,163,4,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(234,180,43,1) 0%, rgba(227,163,4,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(234,180,43,1) 0%, rgba(227,163,4,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(234,180,43,1) 0%, rgba(227,163,4,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab42b', endColorstr='#e3a304', GradientType=0 ); /* IE6-9 */
font-size: 22px; color: #fff; border: 0; border-radius: 0; font-weight: 600; padding: 6px 40px 5px; margin: 0 15px; border: 2px solid transparent; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
 .form-control::-moz-placeholder {
color:#333333;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #333333;
}
.form-control::-webkit-input-placeholder {
 color: #333333;
}
.icon-menu { background-color: #ededed; border: 2px solid #ededed; border-radius: 4px; padding: 10px 6px; height: 42px; width: 38px; }
.icon-menu span.line1 { border-radius: 1px; display: block; height: 3px; width: 22px; background: #333; }
.icon-menu span.line1 + span.line1 { margin-top: 4px; }
.yellow-btn:hover { border: 2px solid #fff; color: #fff; background: none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
.form-inline .form-control { border-radius: 0; color: #333333; font-size: 19px; height: 43px; border: 0; width: 100%; }
.form-group { padding: 0 15px; width: 27%; }
/*employment*/

h2 { text-align: center; color: #e5a70d; font-weight: 300; padding-bottom: 80px; font-size: 36px; }
.employment { padding: 68px 0 86px; }
.employment li { background: url(../images/li1.png) no-repeat left center; padding-left: 36px; margin-bottom: 18px; font-size: 17px; font-weight: 300; }
.employment li a { color: #333; }
/* Initial menu */
body { left: 0; margin: 0; position: relative; z-index: 1; }
.menu { background: #191919; right: -285px;  /* start off behind the scenes */ height: 100%; position: fixed; width: 285px; z-index: 5; padding: 25px; }
/* Basic styling */

.menu ul { list-style: none; margin: 0px 0; padding: 10px 0; }
.menu li { margin-bottom: 5px; display: block; }
.menu li a { padding: 10px 0 10px 20px; display: block; color: #969696; }
.menu li a:hover { color: #fff; }
.icon-close { cursor: pointer; padding: 0; color: #aca7b0; }
.main-menuu li { text-transform: uppercase; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 20px; }
.other-links li .fa { padding-right: 10px; }
.other-links li { font-size: 18px; text-transform: none; }
/*added css */
.top-box { padding: 0; position: absolute; right: 30px; top: 45px; }
/*gray section S*/

.gray-section { background: #d6d6d6; text-align: center; padding: 44px 0 0; }
.gray-section p { text-align: center; }
.icon-round { background: #d6d6d6; border: 12px solid #edebeb; height: 102px; width: 102px; border-radius: 50%; text-align: center; line-height: 68px; margin: 0 auto 30px; transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; cursor: pointer; }
.icons .icon-round:hover { transform: rotate(-360deg) scale(0.9); -webkit-transform: rotate(-360deg) scale(0.9); -moz-transform: rotate(-360deg) scale(0.9); -o-transform: rotate(-360deg) scale(0.9); -ms-transform: rotate(-360deg) scale(0.9); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
.custom-line .icon-round { line-height: 80px; }
h3 { font-size: 22px; color: #333333; }
p { font-size: 16px; color: #333; font-weight: 300; }
.first-section > h2 { padding-bottom: 54px; }
.border-custom { border-bottom: 1px solid #e2e2e2; width: 85%; margin: 0 auto; }
.first-section { padding-bottom: 81px; }
.icons > p { line-height: 27px; padding: 6px 16px 0; }
.stories-box { background: #e7e6e6; border-radius: 8px; padding: 24px 23px 35px; position: relative; margin-bottom: 26px; }
.stories-box:after { position: absolute; bottom: -15px; left: 31%; content: ""; background: url(../images/sto.png) no-repeat; width: 32px; height: 19px; }
.stories-box p { font-size: 15px; line-height: 22px; }
.success > h3 { margin: 0; padding-bottom: 22px; }
.success span { text-align: right; width: 100%; display: block; font-size: 15px; color: #7a7a7a; padding-right: 13px; }
.icons .icon-round1 { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; cursor: pointer; display: inline-block; margin-bottom: 6px; }
.icons .icon-round1:hover { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }
.second-section .icons { display: inline-block; float: none; margin: 0 auto; width: 25%; vertical-align: top; }
.second-section { padding: 56px 0 92px; }
.second-section > h2 { padding-bottom: 46px; }
.employment li a:hover { color: #e5aa14; }
.leading-companies { padding: 71px 0 99px; }
.leading-companies h2 { padding-bottom: 12px; }
.leading-companies p { text-align: center; font-size: 20px; color: #333; font-weight: 300; }
.top-section { padding: 51px 0; text-align: center; }
.bottom-section { padding: 32px 0 16px; text-align: center; }
/*gray section E */




/*job mail*/

.job-mail { background: url("../images/s2.jpg") no-repeat rgba(0, 0, 0, 0);  background-attachment: fixed;  height: 632px; background-size: 100% auto; }
.overlay1 { background: url("../images/pat.png") repeat scroll 0 0 rgba(0, 0, 0, 0.4); height: 100%; width: 100%; }
.dis-table { padding-top: 210px; text-align: center; }
.dis-table h1 { font-size: 42px; color: #fff; font-weight: 300; padding-bottom: 40px; }
.dis-table .form-group { width: 38%; }
.leading-companies a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; cursor: pointer; display: block; }
.leading-companies a:hover { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }

.toggle-button {  bottom:60px;  left: 45%; position: absolute; right: 45%; text-align: center; }