html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
-webkit-text-size-adjust: none;
font: 12px/14px Arial, Helvetica, sans-serif;
color: #fff;
overflow-x: hidden !important;
}
#outerWrapper {
width: 100%;
float: left;
position: relative;
}
.main {
width: 100%;
float: left;
height: 100%;
min-height: 100%;
}
.wrapper {
max-width: 100%;
margin: 0 auto;
}
#sliderContainer {
float: left;
width: 100%;
position: relative;
background: url(../images/slider_bg.jpg) no-repeat left top;
}
.sliderContent {
float: left;
width: 100%;
position: relative;
}
.sliderleft {
float: left;
width: 351px;
margin: 52px 0 0 32px;
}
.sliderleft h2 {
padding-bottom: 18px;
}
.sliderleft p {
font: 11px/14px 'robotoregular', Arial, Helvetica, sans-serif;
padding: 0 22% 0 0;
color: #fff;
}
.sliderImg {
float: right;
width: 609px;
text-align: right;
}
.sliderImg img {
float: right;
}
/* rajan start */
.sliderleft_my{
margin: 49px 0 0 32px;
position: absolute;
}
.sliderleft_my > span , .sliderleft_my > p{ font: 70px/46px 'robotothin', Arial, Helvetica, sans-serif;
padding: 0px;
color: #fff;
text-transform: uppercase;
font-weight: 200;
}
.sliderleft_my > p{
padding: 4px 4px;
}
.sliderleft_my >img
{height:53px; margin-bottom: 44px;}
@media only screen and (max-width: 767px) {
.sliderleft_my {display: none;}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.sliderleft_my >img {
height: 24px;
margin-bottom: 20px;
}
.sliderleft_my > span, .sliderleft_my > p {
font: 32px/25px 'robotothin', Arial, Helvetica, sans-serif ;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1024px) {
.sliderleft_my >img {
height: 38px;
margin-bottom: 30px;
}
.sliderleft_my > span, .sliderleft_my > p {
font: 50px/36px 'robotothin', Arial, Helvetica, sans-serif ;
}
}
/* rajan end */
.flex-control-nav {
position: absolute;
bottom: 24px;
z-index: 9;
text-align: center;
width: 100%;
display: none;
}
.flex-control-nav li {
display: inline;
*display: inline-block;
zoom: 1;
text-align: center;
}
.flex-control-nav li a {
background: url(../images/inactive.png) no-repeat left top;
text-indent: -9999px;
font: 0px/0px;
margin: 0 15px 0 0;
width: 17px;
height: 17px;
display: inline-block;
*display: inline-block;
zoom: 1;
cursor: pointer;
}
.flex-control-nav li a.flex-active {
background: url(../images/active.png) no-repeat left top;
}
.container01 {
float: left;
width: 100%;
position: relative;
padding: 10px 2% 20px;
}
.container02 {
float: left;
width: 98%;
padding: 65px 2% 100px 0;
}
.bottSec {
float: left;
width: 100%;
}
.bottSec li {
width: 32%;
float: left;
border: 1px solid #fff;
margin: 0 1%;
}
.bottSec li.last {
margin: 0;
}
.bottSec li a {
width: 100%;
float: left;
text-align: center;
padding: 80px 0;
}
.bottSec li a img {
width: 50%;
}
/*.bottSec li.first a {padding:81px 0;}
.bottSec li.last a {padding:82px 0;}*/
/* rajan start */
.newbottsec>div> figure
{ text-align: center;
padding: 18% 0;
border: 1px solid #fff;}
.newbottsec>div> figure > a > img
{width: 55%;}
/* rajan end */
#header {
width: 96%;
float: left;
padding:15px 30px;
min-height: 65px;
position: relative;
/*background:url(../images/body_bg.jpg) no-repeat center -220px!important; */
width: 100%;
margin: 0;
}
/*ranjit*/
.is-sticky header#header,
.about-nav {
animation: 20s ease 0s normal none infinite running AnimationName;
-webkit-animation: AnimationName 20s ease infinite;
-moz-animation: AnimationName 20s ease infinite;
-o-animation: AnimationName 20s ease infinite;
background: linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169) repeat scroll 0 0 / 600% 600% rgba(0, 0, 0, 0);
}
/*.sticky #header {position:fixed; left:0; top:0;}*/
.sticky-wrapper {
position: relative;
z-index: 9999;
}
.f-nav {
z-index: 9999;
position: fixed !important;
left: 0;
top: 0;
margin: 0;
padding: 35px 2% 0 !important;
width: 96% !important;
}
.home #header {
position: relative;
}
a.logo {
float: left;
margin-top: 15px;
}
.mobIcons {
display: none;
}
nav {
float: right;
width: auto;
margin: 0 0 0 0;
}
ul#menu {
float: right;
list-style: none;
}
ul#menu li {
float: left;
list-style: none;
text-transform: uppercase;
/* padding: 0 55px 0 0;*/
position: relative;
}
ul#menu li.last {} ul#menu li a {
float: left;
font: 12px 'robotobold', Arial, Helvetica, sans-serif;
color: #fefeff;
padding: 15px;
}
ul#menu li a span {
padding: 0 0 5px;
background: url(../images/menuline_bg.png) no-repeat center bottom;
width: 95px;
display: inline-block;
text-align: center;
}
ul#menu li:hover {
border: none;
}
ul#menu li a:hover {
border: none;
}
ul#menu li a:hover span {
padding: 0 0 5px;
}
ul#menu li.active a {
border: 1px solid #fff;
padding: 15px;
}
ul#menu li .sub-menu {
width: 160px;
position: absolute;
display: none;
/*left: -26px;*/
top: 52px;
z-index: 9999;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
/*background: url(../images/ul_menubg.jpg) repeat left top;*/
animation: 20s ease 0s normal none infinite running AnimationName;
-webkit-animation: AnimationName 20s ease infinite;
-moz-animation: AnimationName 20s ease infinite;
-o-animation: AnimationName 20s ease infinite;
background: linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169) repeat scroll 0 0 / 600% 600% rgba(0, 0, 0, 0);
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
/*ranjit*/
ul#menu li .sub-menu li {
width: 100%;
float: left;
padding: 10px 0px 10px 0;
background: none;
height: auto;
border: none !important;
margin: 0
}
ul#menu li .sub-menu li:hover {
border: none !important;
}
ul#menu li .sub-menu li a {
width: 100%;
float: left;
padding: 0;
text-align: center;
font: 12px 'robotobold', Arial, Helvetica, sans-serif;
color: #fefeff;
height: auto;
background: none;
border: none !important;
}
ul#menu li .sub-menu li a:hover {
color: #fefeff !important;
border: none !important;
padding: 0 !important;
}
ul#menu li .sub-menu a {
border: none !important;
}
ul.social {
float: right;
width: auto;
margin: 20px 0 0 0;
clear: both;
}
ul.social li {
float: left;
list-style: none;
margin: 0 4px 0;
}
ul.social li.last {
margin: 0;
}
.container {
width: 100%;
float: left;
padding: 60px 2% 0px 2%;
}
/*ranjit*/
.aboutLeft {
float: left;
width: 58%;
}
.aboutLeft p {
color: #6d6e71;
line-height:1.5em;
font-weight:100;
/*font-family: 'robotobold_italic', Arial, Helvetica, sans-serif;*/
font-size: 28px;
font-style: italic;
padding:120px 0px 0px 0px;
}
.aboutRight {
float: right;
width: 36%;
text-align: right;
}
.greybox h2 {
font: 32px/32px 'robotobold', Arial, Helvetica, sans-serif;
color: #414042;
}
.greybox h3 {
font: 32px/32px 'robotobold', Arial, Helvetica, sans-serif;
color: #fff;
position: absolute;
left: 29px;
bottom: 25px;
}
.brandSec {
float: left;
width: 100%;
padding:30px;
}
.brandLeft {
float: left;
width: 50%;
padding:0px 5% 0px 0px;
}
.brandLeft figure {
float: left;
padding: 0 0 10px 0;
width: 100%;
}
.brandLeft p {
font: 66px/70px 'robotothin', Arial, Helvetica, sans-serif;
color: #6d6e71;
margin: 0 0 0 -2px;
}
.brandSec .slider {
float: left;
width: 700px;
}
.brandRight {
float: left;
width: 255px;
border-left: 2px solid #c8c8c9;
padding-left:60px;
}
.brandRighttop {
float: left;
width: 100%;
min-height: 295px;
margin: 0;
}
.brandRighttop figure {
float: left;
width: 100%;
padding: 0 0 10px;
}
.brandRighttop p {
font: 66px/70px 'robotothin', Arial, Helvetica, sans-serif;
color: #6d6e71;
margin: 0 0 0 -2px;
}
.brandRightBottm {
float: left;
width: 100%;
}
.brandRightBottm p {
font: 21px/26px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
margin: 0 0 0 -2px;
margin-top: 100px;
}
/*ranjit*/
#flexslider2 {
float: left;
width: 100%;
position: relative;
margin: 12px 0 0 0;
}
#flexslider2 .sliderleft {
float: left;
width: 100%;
margin: 0;
position: absolute;
left: 0;
top: 110px;
text-align: center;
}
#flexslider2 .sliderleft h2 {
font: 11px/14px 'robotobold', Arial, Helvetica, sans-serif;
color: #fff;
}
#flexslider2 .sliderImg {
float: left;
width: 100%;
padding: 0
}
#flexslider2 .sliderImg img {
float: left;
width: 100%;
height: auto;
max-width: 100%;
}
#flexslider2 .flex-direction-nav {
position: absolute;
top: 110px;
z-index: 9;
text-align: center;
width: 100%;
}
#flexslider2 .flex-direction-nav li {
display: inline;
*display: inline-block;
zoom: 1;
text-align: center;
}
#flexslider2 .flex-direction-nav li a.flex-prev {
/* background: url(../images/slider2_arrowLeft.png) no-repeat left top;*/
text-indent: -9999px;
font: 0px/0px;
margin: 0 0 0 15px;
width: 10px;
height: 11px;
display: inline-block;
*display: inline-block;
zoom: 1;
cursor: pointer;
float: left;
}
#flexslider2 .flex-direction-nav li a.flex-next {
/*background: url(../images/slider2_arrowRight.png) no-repeat left top;*/
text-indent: -9999px;
font: 0px/0px;
margin: 0 15px 0 0;
width: 10px;
height: 11px;
display: inline-block;
*display: inline-block;
zoom: 1;
cursor: pointer;
float: right;
}
/*-----About Css Starts Here-----*/
.aboutSec {
width: 100%;
float: left;
padding:30px 30px 0px 30px;
}
.boxSec {
width: 100%;
float: left;
padding-bottom: 0px;
}
.greybox {
position: relative;
width: 100%;
float: left;
margin: 0 0 19px 0;
}
.greybox figure {
float: left;
width: 100%;
}
.greybox figure img {
width: 100%;
float: left;
}
.greybox h3 {
font: 32px 'robotobold', Arial, Helvetica, sans-serif;
color: #fff;
position: absolute;
left: 29px;
bottom: 25px;
}
.boxSec p {
font: 11px/13px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding: 0 0 16px 0;
}
.readSec {
position: absolute;
right: 3%;
bottom: 30px;
width: 280px;
}
/*.aboutSec .readSec {bottom:-50px;}*/
.read_arrow {
float: right;
margin: 0 0 16px 0;
width: 100%;
text-align: right;
}
.readSec span {
float: right;
font: 11px/14px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
text-align: right;
}
/*-----About Css Ends Here-----*/
/*-----News Css Starts Here-----*/
.news {
float: left;
width: 100%;
padding:30px;
}
ul.newsSec {
float: left;
list-style: none;
margin: 0 0 0 32px
}
ul.newsSec li {
float: left;
list-style: none;
width: 352px;
margin: 0 13px 0 0;
}
.newsDetail {
text-align: justify;
width: 1200px;
margin: 0 auto;
padding: 80px 0 0 0;
}
.newsDetail p {
font: 21px/40px "robotobold", Arial, Helvetica, sans-serif;
color: #414042;
}
.newsLeft {
float: left;
width: 34%;
margin: 0px;
}
.newsBox {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.newsBox h2 {
font: 25px/28px "robotoregular", Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
text-transform: capitalize;
}
.newsBox span {
font: 10px/13px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
}
.newsBox a{
float: right;
width: 130px;
margin: 0 25px 0 0;
}
.newsBox a img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn1 {
float: right;
}
a.openBtn2 {
float: right;
}
a.openBtn3 {
float: right;
}
a.openBtn4 {
float: right;
}
a.openBtn5 {
float: right;
}
a.openBtn6 {
float: right;
}
a.openBtn7 {
float: right;
}
a.openBtn8 {
float: right;
}
a.openBtn9 {
float: right;
}
a.openBtn10 {
float: right;
}
a.openBtn11 {
float: right;
}
a.openBtn12 {
float: right;
}
a.openBtn13 {
float: right;
}
a.openBtn14 {
float: right;
}
a.openBtn15 {
float: right;
}
a.openBtn16 {
float: right;
}
.newsRight {
float: right;
width: 571px;
margin: 0 0 0;
}
/*ranjit*/
.newsRight figure {
float: left;
padding: 0 0 13px 0;
width: 100%;
}
.newsRight h2 {
font: 20px/23px "robotobold", Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
}
.newsRight p {
font: 13px/19px "robotoregular", Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
}
.newsEvent_detail {
float: left;
/* width: 95.3%;*/
background: #fff;
padding: 30px;
}
.newsEventLeft {
width: 33%;
float: left;
margin: 0 0 0 65px;
}
.newsEventRight {
width: 49%;
float: right;
margin: 0 0 0 145px;
}
.newsEventRight h2 {
color: #6d6e71;
float: left;
width: 100%;
font: 20px/23px "robotobold", Arial, Helvetica, sans-serif;
padding: 10px 0 0px;
}
/*-----News Css Ends Here-----*/
/*-----Carrers Css Starts Here-----*/
.carrers {
float: left;
width: 100%;
min-height: 200px;
}
.carrers p {
color: #6d6e71;
line-height:1.5em;
font-weight:100;
/*font-family: 'robotobold_italic', Arial, Helvetica, sans-serif;*/
font-size: 28px;
font-style: italic;
padding:0px 0px 0px 0px;
text-align:justify;
}
.carrs {
width: 74%;
margin: 0 auto;
margin-top: 100px;
}
.carrs figure {
display: inline-block;
margin: 0 0 20px 0;
}
.get_intouch {
float: left;
width: 100%;
padding:30px;
}
.getLeft {
width: 353px;
float: left;
}
.getLeft h2 {
font: 32px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
padding: 0 0 28px 0;
}
.getLeft p {
font: 32px/38px 'robotoregular', Arial, Helvetica, sans-serif;
color: #00ade5;
}
.getLeft p a {
font: 30px/38px 'robotoregular', Arial, Helvetica, sans-serif;
color: #00ade5;
text-decoration: none;
}
.getRight {
width: 583px;
float: left;
margin: 76px 0 0 13px;
}
.locBox {
float: left;
width: 60%;
padding: 0 0 21px 0;
min-height:100px;
}
.locBox p {
font: 13px/16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
line-height:1.7em;
}
.locBox p strong {
font-size: 15px;
line-height: 26px;
}
.locBoxr {
float: right;
width: 40%;
padding: 0 0 21px 0;
}
.locBoxr p {
font: 13px/16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
line-height:1.7em;
}
.locBoxr p strong {
font-size: 15px;
line-height: 26px;
}
.roffice {
font: 20px/20px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding:0px 0px 15px 0px;
}
/*-----Carrers Css Ends Here-----*/
/*-----About Css Starts Here-----*/
.ourVision {
float: left;
width: 100%;
background: #fff;
padding: 0px 0 50px;
}
.visionSec {
width: 950px;
margin: 0 auto;
}
.visionSec figure {
display: inline-block;
width: 100%;
padding: 0 0 7px 0;
text-align: center;
}
.ourVision h2 {
font: 22px/22px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #414042;
font-weight:100;
text-transform: none;
padding: 30px 0 10px 0;
text-align: left;
font-style:normal;
}
.ourVision h3 {
font: 16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
text-transform: uppercase;
padding: 0 0 5px 0;
}
.ourVision p {
font: 16px/20px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding: 0 0 10px 0;
text-align: justify;
}
.ourVision p a{
color: #414042;
}
.ourVision p a:hover{
text-decoration:underline;
}
.ourVision ul {
list-style: none;
display: inline-block;
margin: 0 0 0 15px;
}
.ourVision ul li {
list-style: disc;
font: 16px/20px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding: 0 0 10px 0;
}
.ourStory {
float: left;
width: 100%;
/* padding: 50px 0 50px 0*/
}
.storySec {
width: 950px;
margin: 0 auto;
}
/* rajan_1*/
.storySec h2 {
font: 50px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
padding: 0 0 10px 0;
text-align: center;
}
/*rajan_1 font 50px */
.storySec figure {
display: inline-block;
padding: 0 0 7px 0;
text-align: center;
width: 100%;
}
.storySec p {
font: 16px/20px 'robotoregular', Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 0 10px 0;
text-align: justify;
}
/* rajan_1 */
.firstStorySec {
line-height: 20px;
}
.meetTeam {
float: left;
width: 100%;
background: #fff;
text-align: center;
padding: 0px 0 50px 0
}
.meetSec {
width: 1114px;
margin: 0 auto;
}
/*ranjit*/
.meetSec h2 {
font: 50px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
padding: 0 0 10px 0;
}
.meetSec .boxSec {
width: 550px;
float: left;
text-align: left;
padding: 0;
margin: 0 13px 0 0;
}
.meetSec .boxSec.last {
margin: 0;
}
.meetSec .boxSec p {
font: 15px/16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding: 0 0 16px 0;
text-align:justify;
line-height:1.3em;
}
.leaderTeam {
float: left;
width: 100%;
text-align: center;
padding: 0 0 50px 0
}
.leaderSec {
width: 100%;
margin: 0 auto;
}
.leaderSec h3 {
font: 13px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
background: url(../images/leader_bg.png) no-repeat scroll left 10px / 100% 2px rgba(0, 0, 0, 0);
background-position:center center;
padding: 0 0 10px 0;
}
.leaderSec p {
font: 10px/10px 'robotoregular', Arial, Helvetica, sans-serif;
color: #414042;
padding: 0 0 10px 0;
}
ul.team {
float: left;
width: 100%;
list-style: none;
margin: 0px 0 0 0;
}
ul.team li {
float: left;
list-style: none;
margin: 0 15px 0px 0;
}
/*ranjit*/
ul.team li figure {
display: inline-block;
padding: 0 0 0px 0;
}
ul.team li h4 {
font: 13px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #414042;
text-transform: uppercase;
padding: 0 0 0px 0;
text-align:center;
}
ul.team li p {
font: 11px/12px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #414042;
}
ul.team li.last {
margin: 0 0 25px 0;
}
ul.team li img {
width: 90%;
}
.ourInvestor {
float: left;
width: 100%;
padding: 0px 0 50px
}
/*ranjit*/
.aboutourInvestor,
.homeourInvestor {
/* padding-top: 100px;*/
}
#section4 {
background: none repeat scroll 0 0 #6d6e71;
}
.invertorSec {
width: 720px;
margin: 0 auto;
}
.invertorSec h2 {
font: 50px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
padding: 0 0 10px 0;
text-align: center;
}
/* rajan */
.invertorSec p {
font: 16px/20px 'robotoregular', Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0 0 20px 0;
text-align: left;
}
/* rajan */
.invertorSec figure {
float: left;
margin: 0 0px 0 0;
}
/* rajan */
.invertorSec figure.img-right {
float: right;
}
.ourPresence {
width: 1116px;
margin: 0 auto;
}
.ourPresence h2 {
font: 50px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
/* padding: 70px 0 10px 0;*/
}
.investLeft {
width: 355px;
float: left;
}
.investLeft p {
font: 19px/22px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 40px 0 0 0;
}
.investRight {
float: left;
margin: 0 0 0 13px;
}
/*ranjit*/
.investRight figure {
float: left;
margin: -40px 0 0 0;
}
ul.states {
width: 300px;
margin: 0 auto;
list-style: none;
display: inline-block;
}
ul.states li {
list-style: none;
width: 100%;
text-align: center;
background: url(../images/line_bg.png) no-repeat center bottom;
font: 19px/22px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
}
ul.states li a {
font: 30px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-decoration: none;
}
.careersDetail {
float: left;
width: 96.9%;
background: #fff;
padding: 0 0 30px 32px;
}
.careersDetail h2 {
font: 19px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
padding: 0 0 30px 0;
}
.careersDetail h2 a {
font: 19px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-decoration: underline;
}
.careersDetail h2 a:hover {
color: #00ade5;
text-decoration: none;
}
.careersLeft {
float: left;
width: 365px;
margin: 0 120px 0 0;
}
.careersRight {
float: left;
width: 365px;
}
.careerBox {
float: left;
min-height: 350px
}
.careerBox h4 {
font: 15px 'robotobold', Arial, Helvetica, sans-serif;
color: #6d6e71;
}
.careerBox p {
font: 13px/18px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0
}
.get_detail {
float: left;
width: 96.9%;
background: #fff;
padding: 0 0 30px 32px;
}
.get_detail h2 {
font: 32px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-transform: uppercase;
padding: 0 0 30px 0;
}
.get_row {
float: left;
width: 100%;
padding: 0 0 30px 0;
}
.getBox {
width: 270px;
float: left;
margin: 0 13px 0 0;
}
.getBox h4 {
font: 15px 'robotobold', Arial, Helvetica, sans-serif;
color: #6d6e71;
}
.getBox p {
font: 13px/18px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0
}
.getBox p a {
font: 13px/18px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-decoration: underline;
}
.getBox p a:hover {
color: #6d6e71;
text-decoration: none;
}
/*-----About Css Ends Here-----*/
.overlay_popup {
background: url(../images/transparent_popup.png) repeat left top;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.popup {
background: none repeat scroll 0 0 #fff;
display: none;
padding: 10px 10px 10px;
position: absolute;
top: 36%;
left: 50%;
width: auto;
margin-left: -481px;
margin-top: -131px;
z-index: 2;
}
.popup img {
max-width: 600px;
width: 100%;
}
.pop .popup {
top: 5%;
}
.about-pop .popup {
top: 48%;
position: fixed;
}
.crossIcon {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
display: none;
}
#footer {
float: left;
width: 100%;
}
.footerSec {
float: left;
width: 95.3%;
background: #fff;
padding: 20px 32px 20px 32px;
}
.footerSec span {
font: 12px/16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71
}
.footerSec ul {
list-style: none;
float: right;
}
.footerSec ul li {
list-style: none;
font: 13px/18px 'robotoregular', Arial, Helvetica, sans-serif;
border-left: 1px solid #6d6e71;
padding: 0 5px 0 5px;
color: #6d6e71;
float: left;
}
.footerSec ul li.first {
padding: 0 5px 0 0;
border: none;
}
.footerSec ul li a {
font: 12px/16px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-decoration: none;
}
.privacy {
float: left;
width: 93.8%;
background: #fff;
padding: 0 32px 30px 32px;
}
.privacy h2 {
font: 32px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
padding: 0 0 10px 0;
}
.privacy p {
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
}
.privacy p a {
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-decoration: underline;
}
.privacy p a:hover {
color: #6d6e71;
text-decoration: none;
}
.privacy ul {
float: left;
width: 100%;
}
.privacy ul li {
float: left;
width: 98%;
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
margin: 0 0 0 15px;
list-style: disc;
}
.terms {
float: left;
width: 93.8%;
background: #fff;
padding: 0 32px 30px 32px;
}
.terms h2 {
font: 32px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
padding: 0 0 10px 0;
}
.terms p {
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
}
.terms p a {
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
text-decoration: underline;
}
.terms p a:hover {
color: #6d6e71;
text-decoration: none;
}
.terms ul {
float: left;
width: 100%;
}
.terms ul li {
float: left;
width: 98%;
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
padding: 0 0 10px 0;
margin: 0 0 0 15px;
list-style: disc;
}
#section0 {
/*background:url(../images/body_bg.jpg) no-repeat center top !important;*/
padding: 0 !important;
}
.gradient #section0 {
/*background:url(../images/body_bg.jpg) no-repeat center top !important;*/
padding: 0 !important;
background: linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169);
background: -o-linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169);
background: -webkit-linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169);
background: -moz-linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169);
background: -ms-linear-gradient(121deg, #2db65a, #1da496, #0085fc, #139161, #29b169);
background-size: 600% 600%;
-webkit-animation: AnimationName 20s ease infinite;
-moz-animation: AnimationName 20s ease infinite;
-o-animation: AnimationName 20s ease infinite;
-ms-animation: AnimationName 20s ease infinite;
animation: AnimationName 20s ease infinite;
}
@-webkit-keyframes AnimationName {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes AnimationName {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-o-keyframes AnimationName {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes AnimationName {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
}
#section2 {
width: 100%;
float: left;
position: relative;
}
.about-pop #section2 {
background: #00ade5
}
.about-pop #section4 {
background: #6d6e71;
}
#section3 {
width: 100%;
float: left;
position: relative;
}
#section4 {
width: 100%;
float: left;
position: relative;
}
.about-pop #section5 {
background: none;
}
#section5 {
width: 100%;
float: left;
position: relative;
background: url(../images/careers_bg.png) no-repeat left bottom;
background-size: 45% auto;
/*margin-top: -100px;*/
}
#section6 {
width: 100%;
float: left;
position: relative;
}
.popup h4 {
font: 13px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #414042;
text-transform: uppercase;
padding: 10px 0 2px 0;
}
.popup p {
font: 11px/12px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #414042;
}
/*#section1{
margin:115px 0 0 0;
}
#section2{
margin:115px 0 0 0;
}
#section3{
margin:115px 0 0 0;
}
#section4{
margin:115px 0 0 0;
}
#section5{
margin:115px 0 0 0;
}
#section6{
margin:115px 0 0 0;
}
*/
.videoBox {
width: 100%;
float: left;
padding: 0 0 20px 0;
}
.videoBox p {
font: 13px/19px 'robotoregular', Arial, Helvetica, sans-serif;
color: #6d6e71;
}
@media only screen and (min-width: 1920px) {
.wrapper {
width: 100%;
}
.container01 {
padding: 40px 2% 40px;
}
.aboutLeft p {
font: 18px/18px "robotobold_italic", Arial, Helvetica, sans-serif;
line-height:1.5em;
font-weight:100;
}
.bottSec li {
margin: 0 30px 0 0;
}
.bottSec li a {
padding: 80px 0;
}
.bottSec li a img {
width: 50%;
}
/*.bottSec li.first a {padding: 81px 0;}
.bottSec li.last a {padding: 84px 0;}*/
#sliderContainer {
min-height: 360px;
}
.sliderImg {
/*float: right;*/
text-align: right;
width: 100%;
}
/*ranjit*/
.sliderImg img {
float: right;
height: auto;
max-width: 100%;
width: 100%;
}
.sliderleft {
width: 40%;
}
.sliderleft img {
height: auto;
max-width: 100%;
width: 50%;
}
ul#menu li a {
font-size: 15px;
}
ul#menu li a span {
width: 130px;
background-size: 90% 2px;
}
ul#menu li .sub-menu {
left: 0px;
width: 162px;
top: 57px;
}
.newsLeft {
width: 43%;
}
.newsRight {
width: 571px;
}
.newsBox h2 {
font: 33px/36px "robotobold", Arial, Helvetica, sans-serif
}
.newsRight h2 {
font: 25px/27px "robotobold", Arial, Helvetica, sans-serif;
}
a.openBtn1 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn1 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn2 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn2 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn3 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn3 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn4 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn4 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn5 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn5 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn6 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn6 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn7 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn7 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn8 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn8 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn9 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn9 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn10 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn10 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn11 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn11 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn12 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn12 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn13 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn13 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn14 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn14 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn15 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn15 img {
height: auto;
max-width: 100%;
width: 91%;
}
a.openBtn16 {
float: right;
width: 130px;
margin: 0 25px 0 0;
}
a.openBtn16 img {
height: auto;
max-width: 100%;
width: 91%;
}
.newsBox span {
font: 12px/13px "robotoregular", Arial, Helvetica, sans-serif;
}
.newsRight figure img {
float: left;
width: 100%;
max-width: 100%;
height: auto;
}
.newsEventRight figure img {
float: left;
width: 100%;
max-width: 100%;
height: auto;
}
.newsEventRight h2 {
font: 22px/40px "robotobold", Arial, Helvetica, sans-serif;
}
.brandRight {
width: 50%;
}
.brandSec .slider {
width: 800px;
}
#flexslider2 .sliderleft h2 {
font-size: 16px;
}
.brandRightBottm p {
font: 33px/40px "robotoregular", Arial, Helvetica, sans-serif;
}
#section5 {
background-size: 43% auto;
}
.carrers p {
font: 30px/50px "robotobold_italic", Arial, Helvetica, sans-serif;
}
#flexslider2 .flex-direction-nav {
top: 125px;
}
#flexslider2 .sliderleft {
top: 125px;
}
}
/*custom media queries for some noob*/
@media only screen and (min-width:768px) and (max-width: 1366px){
ul#menu li .sub-menu{
width:127px;
}
}
@media only screen and (min-width:1280px) and (max-width: 1280px){
ul#menu li .sub-menu{
width:127px;
}
.carrs {
margin:11px 0 10px -90px;
}
}
@media only screen and (min-width:1050px) and (max-width: 1680px){
ul#menu li .sub-menu{
width:127px;
}
}
@media only screen and (min-width:1400px) and (max-width: 1680px){
ul#menu li .sub-menu{
width:127px;
}
.container01{/*width:1400px;*/}
}
/*custom media queries for some noob*/
@media only screen and (min-width: 1100px) and (max-width: 1919px) {
#sliderContainer {
/*min-height:314px;*/
}
.sliderImg {
/*float: right;*/
text-align: right;
width: 100%;
}
.sliderImg img {
/*float: right;*/
height: auto;
max-width: 100%;
width: 100%;
}
.sliderleft {
width: 31%;
}
.sliderleft img {
height: auto;
max-width: 100%;
width: 80%;
}
.container01 {
padding: 20px 2% 20px;
}
.bottSec li {
width: 31%;
}
.brandSec .slider {
width: 94%;
}
s .bottSec li a {
padding: 90px 0;
}
.bottSec li a img {
width: 60%;
}
/*.bottSec li.first a {padding: 90px 0;}
.bottSec li.last a {padding: 93px 0;}*/
.leaderSec {
width: 100%;
margin: 0 auto;
}
.leaderSec h3 {
background: url(../images/leader_bg.png) no-repeat scroll left 15px / 100% 2px rgba(255, 255, 255, 0);
font: 20px "robotobold_italic", Arial, Helvetica, sans-serif;
width:97%; text-align:center;
}
ul.team li {
width: 33%;
margin: 0;
}
/*ranjit*/
ul.team li figure {
display: block;
}
ul.team li img {
width: 90%;
}
.invertorSec figure img {
width: 100%;
}
.invertorSec figure.img-right {
/*float:left; width: 40%;*/
}
/* rajan */
.invertorSec figure {
float: left;
/* width: 30%;*/
}
/* rajan */
.ourPresence {
width: 98%;
}
.investLeft {
width: 40%;
}
.investRight {
margin: 0 0 0 0px;
width: 55%
}
ul.states {
width: auto;
}
.investRight img {
margin-top: -40px;
}
.investLeft p {
font: 25px/35px "robotoregular", Arial, Helvetica, sans-serif;
}
.newsRight {
/* width: 520px;*/
}
.newsEventRight {
width: 47%;
}
.brandRight {
float: left;
width: 50%;
}
.brandRighttop p {
font: 58px/58px "robotothin", Arial, Helvetica, sans-serif;
}
.brandLeft p {
font: 58px/58px "robotothin", Arial, Helvetica, sans-serif;
}
.brandRight p{
font: 58px/58px "robotothin", Arial, Helvetica, sans-serif;
}
.carrs {
width: 100%;
margin:55px 0 10px -90px;
}
.carrers p{
font-size: 26px/34px "robotobold_italic",Arial,Helvetica,sans-serif;
margin-left: 275px;
}
.newsDetail {
width: 90%;
}
ul#menu li {
/*padding-right: 38px;*/
}
}
@media only screen and(min-height: 800px) and (max-width: 1024px){
.carrs{
margin:200px 0 10px -90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1099px) {
#sliderContainer {
/*min-height:314px;*/
}
.sliderImg {
/*float: right;*/
text-align: right;
width: 100%;
}
.sliderImg img {
/*float: right;*/
height: auto;
max-width: 100%;
width: 100%;
}
.sliderleft {
width: 31%;
}
.sliderleft img {
height: auto;
max-width: 100%;
width: 80%;
}
.container01 {
padding: 20px 2% 20px;
}
.bottSec li {
width: 31%;
}
.brandSec .slider {
width: 94%;
}
.bottSec li a {
padding: 90px 0;
}
.bottSec li a img {
width: 60%;
}
/*.bottSec li.first a {padding: 90px 0;}
.bottSec li.last a {padding: 93px 0;}*/
.leaderSec {
width: 100%;
margin: 0 auto;
}
.leaderSec h3 {
background: url(../images/leader_bg.png) no-repeat scroll left 10px / 100% 2px rgba(0, 0, 0, 0);
font: 17px "robotobold_italic", Arial, Helvetica, sans-serif;
}
ul.team li {
width: 33%;
margin: 0;
}
ul.team li figure {
display: block;
}
ul.team li img {
width: 90%;
}
.invertorSec figure img {
width: 100%;
}
.invertorSec figure.img-right {
float: left;
width: 40%;
}
.invertorSec figure {
float: left;
width: 30%;
}
.ourPresence {
width: 1400px;
}
.investLeft {
width: 460px;
}
.investRight {
margin: 0 0 0 70px;
}
.investLeft p {
font: 25px/35px "robotoregular", Arial, Helvetica, sans-serif;
}
.newsRight {
width: 47%;
}
.newsEventRight {
width: 47%;
}
.brandRight {
float: left;
padding: 0;
width: 50%;
}
.brandRighttop p {
font: 58px/58px "robotothin", Arial, Helvetica, sans-serif;
}
.brandLeft p {
font: 46px/46px "robotothin", Arial, Helvetica, sans-serif;
}
.brandRight p {
font: 46px/46px "robotothin", Arial, Helvetica, sans-serif;
}
.carrs {
width: 100%;
}
.newsDetail {
width: 90%;
}
ul#menu li {
/* padding-right: 23px;*/
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.wrapper {
width: 100%;
}
.mobIcons {
display: none;
}
.menu {
display: block !important;
}
.sliderleft {
position: absolute;
left: 0;
top: 0;
}
.sliderImg {
/*float: right;*/
text-align: right;
width: 100%;
}
ul#menu li {
padding: 0;
}
ul#menu li a {
padding: 15px 2px;
font-size: 12px;
}
ul#menu li a span {
width: 95px;
background-size: 90% 2px;
}
ul#menu li.active a {
padding: 15px 5px;
}
ul#menu li .sub-menu {
width: 105px;
left: 0;
}
.bottSec li {
margin: 0 11px 0 0;
}
.aboutLeft p {
font: 18px/18px "robotobold_italic", Arial, Helvetica, sans-serif;
line-height:1.5em;
font-weight:100;
}
.newsLeft {
width: 43%;
margin: 0 0 0 45px;
}
.newsBox h2 {
font: 22px/25px "robotoregular", Arial, Helvetica, sans-serif;
}
.newsRight {
width: 40%;
}
.brandLeft p {
font: 28px/32px "robotothin", Arial, Helvetica, sans-serif;
}
.brandLeft p {
font: 28px/32px "robotothin", Arial, Helvetica, sans-serif;
}
.brandRighttop {
margin: 0;
}
.brandRightBottm p {
margin: 0;
}
.brandSec .slider {
width: 410px;
}
#flexslider2 .sliderleft {
top: 60px;
}
.brandRight {
padding: 0px;
}
#flexslider2 .flex-direction-nav {
top: 63px;
}
.brandRighttop {
min-height: 225px;
}
.newsDetail {
width: 100%;
}
.getRight {
width: 335px;
}
.footerSec {
width: 91.5%;
}
.leaderSec {
width: 100%;
}
.ourPresence {
width: 100%;
/*padding: 100px 0 100px 32px*/
}
.investLeft {
width: 318px;
padding: 0;
}
.investRight {
width: auto;
}
/*ranjit*/
ul.team {
width: 100%;
max-width: 1024px;
min-width: 768px;
}
ul.team li {
margin: 0;
width: 29%;
}
/*ranjit*/
ul.team li img {
width: 80%;
}
ul.states {
width: 110px;
margin-top: 30px;
}
.leaderSec h3 {
width: 100%;
max-width: 1024px;
min-width: 768px;
}
ul.states li {
font: 15px/20px "robotoregular", Arial, Helvetica, sans-serif;
}
ul.states li a {
font: 15px/20px "robotoregular", Arial, Helvetica, sans-serif;
}
.visionSec {
width: 90%;
}
.storySec {
width: 95%;
}
.leaderSec {
width: 100%;
max-width: 1024px;
min-width: 768px;
}
.privacy {
width: 96%;
padding: 40px 2% 30px
}
.careersDetail {
width: 96%;
padding: 40px 2% 30px;
}
.careersLeft {
margin: 0 7px 0 0;
}
.get_detail {
padding: 40px 2% 30px;
width: 96%;
}
.getBox {
float: left;
margin: 0;
width: 240px;
}
.newsEvent_detail {
padding: 40px 2% 30px;
width: 96%;
}
.newsEventLeft {
margin: 0;
width: 43%;
}
.newsEventRight {
width: 50%;
}
.about-pop .popup {
top: 35%;
left: 38%;
position: fixed;
}
#section5 {
width: 100%;
float: left;
position: relative;
background: url(../images/careers_bg.png) no-repeat left bottom;
background-size: 48% auto;
/* margin-top: -100px;*/
}
.carrers p {
font: 16px/24px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #6d6e71;
margin-top: 166px;
}
.container02 {
padding: 0px 2% 100px 0;
}
.meetTeam,
.meetSec {
width: 1024px;
}
.meetSec {
padding: 0 30px;
}
.meetSec h2 {
padding-right: 200px;
}
.meetSec .boxSec {
width: 400px;
}
.leaderSec h3 {
font: 13px 'robotobold_italic', Arial, Helvetica, sans-serif;
color: #00ade5;
text-transform: uppercase;
background: url(../images/leader_bg.png) no-repeat scroll left 10px / 100% 2px rgba(0, 0, 0, 0);
background-position:center center;
text-align: center;
padding: 0 0 10px 0;
margin-left: -70px;
}
}
@media only screen and (max-width: 767px) {
.wrapper {
width: 100%;
}
.container,
.container02 {
width: 90%;
padding: 4px 5%;
}
.sliderleft {
position: absolute;
left: 0;
top: 0;
width: 94%;
margin: 56px 10px 0 10px;
z-index: 99
}
.sliderImg {
/*float: right;*/
text-align: right;
width: 100%;
display: none;
}
.sliderImg img {
width: 100%;
float: left;
height: auto;
max-width: 100%;
display: none;
}
.mobIcons {
display: block;
float: right;
margin: 0 12px 12px 0;
font: bold 20px/26px 'robotobold', Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
padding: 9px 18px 0 0px;
width: 50px;
height: 35px;
background: none;
border-bottom: 1px solid #fff;
background-size: 47px 40px;
}
ul#menu {
display: none;
width: 100%;
position: absolute;
right: 0;
top: 84px;
background: url(../images/mob_menubg.jpg) repeat left top;
padding: 0 0 10px 0;
margin: 5px 0 0 0;
}
ul#menu li {
float: left;
width: 100%;
list-style: none;
text-transform: uppercase;
padding: 0;
position: relative;
}
ul#menu li a {
float: none;
display: inline-block;
width: auto;
font: 12px 'robotobold', Arial, Helvetica, sans-serif;
color: #fefeff;
padding: 7px 10px;
}
ul#menu li.active a {
border: none;
padding: 10px;
}
ul#menu li .sub-menu li a {
text-align: left;
}
ul#menu li .sub-menu {
width: 160px;
position: static;
visibility: visible !important;
display: block !important;
border: none;
margin: 0 0 0 25px
}
ul#menu li .sub-menu li {
padding: 6px 0;
}
.bottSec {
float: none;
margin: 0 auto;
width: 50%;
}
.bottSec li {
margin: 0 6px 30px 0;
width: 100%;
}
.bottSec li a {
padding: 31px 0;
}
/*.bottSec li.first a {padding:30px 0;}*/
.bottSec li figure img {
width: 100%;
max-width: 70%;
height: auto;
}
/*.bottSec li.last a {padding:31px 0;}*/
.aboutLeft {
width: 100%;
padding-bottom: 20px
}
.aboutRight {
width: 100%;
float: left;
}
.aboutLeft p {
font: 20px/20px "robotobold_italic", Arial, Helvetica, sans-serif;
line-height:1.5em;
font-weight:100;
}
.newsLeft {
width: 100%;
margin: 0
}
.newsBox {
margin: 0 0 10px 0;
}
.news {
padding: 0 0 65px 0;
}
.newsBox h2 {
font: 19px/25px "robotobold", Arial, Helvetica, sans-serif;
}
.newsRight {
float: left;
width: 100%;
margin: 0;
}
.brandLeft {
width: 100%;
border: none;
}
.brandLeft p {
font: 32px/35px "robotothin", Arial, Helvetica, sans-serif;
}
.brandRight p {
font: 32px/35px "robotothin", Arial, Helvetica, sans-serif;
}
.brandSec .slider {
width: 100%;
}
#flexslider2 .flex-direction-nav {
top: 75px;
}
#flexslider2 .sliderleft {
top: 75px;
}
.brandRight {
width: 100%;
padding: 0;
border-left:none;
}
.brandRightBottm p{
display: none;
}
.brandRighttop {
min-height: 150px;
}
.brandRightBottm p br {
display: none;
}
.newsDetail {
padding: 0;
width: 100%;
}
#section5 {
background: url(../images/careers_bg_mob.png) no-repeat scroll left bottom / 80% auto;
}
.newsDetail p {
font: 25px/38px "robotobold", Arial, Helvetica, sans-serif;
}
.carrs {
width: 96%;
padding: 0 2%;
}
.getLeft {
margin: 0 0 0 13px;
width: 100%;
}
.getLeft h2 {
font: 21px "robotobold_italic", Arial, Helvetica, sans-serif;
padding: 0 0 10px 0;
}
.getLeft p {
font: 19px/30px "robotoregular", Arial, Helvetica, sans-serif;
}
.getLeft p a {
font: 19px/30px "robotoregular", Arial, Helvetica, sans-serif;
}
.getRight {
margin: 45px 0 0 13px;
width: 100%;
}
.footerSec {
width: 96%;
padding: 20px 2%;
}
.locBox {
padding: 0 0 30px;
}
.readSec {
right: 23px;
}
.ourVision h3 {
text-align: center;
}
.visionSec {
width: 90%;
}
.storySec {
width: 90%;
}
.leaderSec {
width: 100%;
}
.meetSec {
width: 90%;
}
.meetSec .boxSec {
width: 100%;
margin-right: 0;
}
.leaderSec h3 {
background-size: 100% auto;
}
ul.team {
margin: 20px auto 0;
width: 424px;
float: none;
}
ul.team li {
width: 193px;
margin: 0 35px 50px 0;
}
.storySec h2{
font:30px 'robotobold_italic', Arial, Helvetica, sans-serif;
}
.visionSec img, .storySec img{
width:60%;
}
.meetSec h2{
font:30px 'robotobold_italic', Arial, Helvetica, sans-serif;
}
.invertorSec h2{
font:30px 'robotobold_italic', Arial, Helvetica, sans-serif;
}
ul.team li h4{
font:12px 'robotobold_italic', Arial, Helvetica, sans-serif;
}
ul.team li.last {
margin: 0 35px 30px 0;
}
ul.team li.second,
ul.team li.second.last {
margin-right: 0;
}
ul.team li figure img {
width: 100%;
max-width: 100%;
height: auto;
}
.invertorSec {
width: 90%;
}
.invertorSec figure {
margin: 0
}
.ourPresence {
width: 90%;
/* padding: 100px 0 100px 0*/
}
.ourPresence h2 {
text-align: center;
font:30px 'robotobold_italic', Arial, Helvetica, sans-serif;
}
.investLeft {
width: 100%;
padding: 0;
}
.investRight {
width: 280px;
margin: 40px auto;
float: none;
}
.investRight figure {
text-align: center;
margin: 0;
}
ul.states {
width: 100%;
margin-top: 30px
}
.privacy {
width: 96%;
padding: 40px 2% 30px
}
.careersDetail {
width: 96%;
padding: 40px 2% 30px;
}
.careersLeft {
margin: 0 0 0 0;
width: 100%
}
.careersRight {
width: 100%
}
.get_detail {
padding: 40px 2% 30px;
width: 96%;
}
.getBox {
margin: 0 13px 0 0;
width: 200px;
}
.get_detail h2 {
font: 24px "robotobold_italic", Arial, Helvetica, sans-serif
}
.newsEvent_detail {
padding: 40px 2% 30px;
width: 96%;
}
.newsEventLeft {
margin: 0;
width: 100%;
}
.newsEventRight {
width: 100%;
margin: 0
}
.newsEventRight img {
width: 100%;
height: auto;
float: left;
max-width: 100%;
}
.newsEventRight h2 {
font: 16px/20px "robotobold", Arial, Helvetica, sans-serif;
}
.popup {
left: 48%;
width: 93%;
}
.pop .popup {
top: 12%;
}
.newsRight figure img {
float: left;
width: 100%;
}
.popup p br {
display: none;
}
}
@media only screen and (max-width: 479px) {
.wrapper {
width: 100%;
}
.sliderleft {
position: absolute;
left: 0;
top: 0;
width: 94%;
margin: 28px 10px 0 10px;
z-index: 99
}
.container02 {
padding: 100px 0 100px 0;
width: 100%;
}
.aboutLeft p {
font: 20px/20px "robotobold_italic", Arial, Helvetica, sans-serif;
line-height:1.5em;
font-weight:100;
}
.brandLeft p {
font: 24px/30px "robotothin", Arial, Helvetica, sans-serif;
}
.brandRight p {
font: 24px/30px "robotothin", Arial, Helvetica, sans-serif;
}
#flexslider2 .flex-direction-nav {
top: 50px;
}
#flexslider2 .sliderleft {
top: 47px;
}
.brandRighttop p {
font: 32px/38px "robotothin", Arial, Helvetica, sans-serif;
}
.newsDetail p {
font: 20px/32px "robotobold", Arial, Helvetica, sans-serif;
}
.carrers p {
font: 16px/21px "robotobold_italic", Arial, Helvetica, sans-serif;
}
.getLeft {
width: 100%;
}
.getRight {
width: 100%;
margin: 45px 0 0 0
}
.footerSec ul {
float: left;
margin: 8px 0 0 0;
}
.ourVision h2 {
font: 24px "robotobold_italic", Arial, Helvetica, sans-serif;
}
.meetSec .boxSec {
width: 100%;
margin: 0;
}
ul.team {
margin: 20px auto 0;
width: 282px;
float: none;
}
ul.team li {
width: 130px;
margin: 0 20px 50px 0;
}
ul.team li.last {
margin: 0 20px 30px 0;
}
ul.states {
width: 100%;
margin: 20px 0 0 0
}
.getBox {
margin: 0;
width: 100%;
}
.popup {
left: 47%;
width: 93%;
top: 26%;
}
.sliderImg {
display: none;
}
.sliderImg img {
display: none;
}
}
/*fullpage height*/
.fp-tableCell {
height: 400px;
}
.section .fp-section .active .fp-table {
height: 400px;
}
.videoBox {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 105px;
height: 0;
}
.videoBox iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#brandborder {
border:thin solid #e0e0e0;
padding:20px 20px 10px 20px;
border-radius:5px 5px;
background:#fafafa;
}
.agent-data {
z-index: 3;
position: relative;
top: -55px;
margin-left: 15px;
margin-right: 15px;
padding: 0px 10px 0px 10px;
overflow: hidden;
margin-bottom:0px;
border:thin solid #e0e0e0;
width:220px;
background:#ffffff;
/*text-align:center;*/
}
.h1 {
font: 20px/20px "robotothin", Arial, Helvetica, sans-serif;
color:#6d6e71;
font-weight:600;
text-align:center;
margin:-30px 0px 10px 0px;
padding:0px 0px;
line-height:1.3em;
}
.btn-default {
font: 18px/18px "robotothin", Arial, Helvetica, sans-serif;
color:#414042;
padding:5px 10px;
margin:20px 10px 5px 10px;
background:#ffffff;
border:thin solid #6d6e71;
font-weight:800;
width:100px;
border-radius:0px 0px;
letter-spacing:0.09em;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
cursor:pointer;
}
.btn-default a{
color:#a61530;
}
.btn-default:hover {
color: #ffffff;
background:#6d6e71;
}
.newsletter {
border-bottom: 1px solid #e0e0e0;
padding: 10px 10px 20px 10px;
margin-bottom: 36px;
}
.newsletter h3 {
padding: 10px;
text-align:center;
color: #0d9fd4;
font-size: 16px;
text-transform: uppercase;
}