@charset "utf-8";
/* CSS Document */
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;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {width:100%; float:left;}
body{line-height:1; background:#ffffff; font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:300; font-size:13px }
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}.clearfix:after {clear:both;content:" ";display:block;
font-size:0;height:0;visibility:hidden}
a {text-decoration:none}
.clr, .clear{ clear:both}
*{ margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline:none}
select{-webkit-appearance: none;}
.container { max-width:1250px; width:100%; margin:0px auto;}
.lft{float:left;}
.ryt{float:right;}
#headSe{width:100%; height:auto; float:left; background-image:url(../images/headbg.jpg);background-repeat:no-repeat; background-position:left top; padding:33px 0px; background-size:cover;}
#headSe .nav{width:100%; height:auto; padding:0px; margin:0px; float:left;}
#headSe .nav .log{width:48%; background:}
#headSe .nav .menu{width:50%; padding-top:39px; }
#headSe .nav .menu ul{list-style:none; padding:0px; margin:0px; display: inline-block;}
#headSe .nav .menu ul li{display:inline; }
#headSe .nav .menu ul li a, #headSe .nav .menu ul li span{ font-size:14px; color:#20409a;font-weight:400; text-transform:uppercase; padding:0px 25px;}
/*#headSe .nav .menu ul li a:hover, #headSe .nav .menu ul li a.active{color:#ffcb1f;}*/
#headSe .nav .menu ul li span.icon{color:#ffcb1f; cursor:pointer; position:relative; }
#headSe .nav .menu ul li span.icon::after{background-image:url(../images/arrow.svg); background-repeat:no-repeat; background-position: center right; height:10px; width:20px; content:''; position:absolute; background-size:20px auto; margin-left:8px; margin-top:3px; }
#headSe .nav .menu ul li:first-child{padding-left:0px;}
#headSe .nav .menu ul li:last-child{padding-right:0px;}
#headSe .nav .social{ margin-top:39px; }
#headSe .navActiv .social{margin-top:17px;}
.row{width:100%; height:auto; float:left;}
.boxTop { width: 100%; height: auto;padding: 10px 0px 0px 0px; margin: 0px auto; text-align: center;}
.hedText{width:100%; height:auto; padding: 50px 0px 50px 0px;}
.hedText p{ color: #20409a;font-weight: 300;text-align: center; font-size: 30px;line-height: 45px;padding: 0px 12%;}
.boxTop{width:100%; height:auto; padding:10px 0px 0px 0px; margin:0px auto; }
.boxTop img{width:74%;margin:0px auto;text-align: center;}
.boxTop .humCapital{text-align:center; width:39%; margin-top:30px; margin-bottom:40px; text-align:center }
.boxTop .humCapital a{padding:0; width:250px; display:inline-block }
/*.boxTop .humCapital img{vertical-align: middle; padding-right:38px}
.boxTop .humCapital span img{padding-right:0px;} */
/*.boxTop .humCapital p{ color:#20409a; font-weight:300; font-size:24px; line-height:32px; text-align:center;}*/
.boxTop .finCapital{width:38%; text-align:center; margin-top:30px; margin-bottom:40px; }
.boxTop .finCapital a{padding:0; width:250px; display:inline-block }
/*.boxTop .finCapital img{vertical-align: middle; padding-right:38px;}*/
/*.boxTop .humCapital a:hover span img, .boxTop .finCapital a:hover span img{margin-right:-10px;}
.boxTop .humCapital span img, .boxTop .finCapital span img{ transition: all 0.3s ease 0s;}*/
/*.boxTop .humCapital:hover, .boxTop .finCapital:hover{transform: scale(1.1);}
.boxTop .humCapital, .boxTop .finCapital{ transition: transform 1s;}*/
.arroLeft{padding-left:50px;}
.boxTop .finCapital span img{padding-right:0px;}
.boxTop .finCapital p{ color:#20409a; font-weight:300; font-size:24px; line-height:32px;}
.fullpage{background:#fff; height:auto; width:100%; float:left;}
#approach{float:left;width:100%;padding:50px 0px 40px;position:relative;text-align: center;}
#approach h3{padding-bottom: 25px;}
#approach h3 span{color:#000;font-weight: 300;text-align: center;font-size: 24px;padding-left: 15px;}
#approach p { color: #000;font-weight: 400;font-size: 16px;line-height: 24px; padding-left: 60px;padding-right: 60px;}
#approach p{color:#656565; font-weight:400; font-size:16px; line-height:24px; padding-left:60px; padding-right:60px;}
/*#approach::after{content: "";background: url(../images/doted-line.jpg) repeat-x right bottom; position: absolute;bottom:0px;z-index: 99;left: 0;width:100%;height:1px;}*/
/**/
#finanContent{ background:#fff; float:left; width:100%; padding:70px 0px 30px; }
#finanContent h3{ padding-bottom:30px;}
#finanContent h3 img{ display:inline-block;}
#finanContent h3 span{ color:#20409a; font-weight:300; text-align:center; font-size:35px; padding-left:15px;}
#finanContent h4{font-weight:400;font-size: 24px; line-height: 32px; color: #20409a; padding:20px 0px 10px;}
#finanContent p{color:#656565; font-weight:400; font-size:16px; line-height:24px; padding-bottom:10px}
#aboutSect{ background:#fff; float:left; width:100%; padding:80px 0px 0px;}
#aboutSect .abotext{width:100%; height:auto;}
#aboutSect .abotext img{ display:inline-block;}
#aboutSect .abotext span{ color:#20409a; font-weight:300; text-align:center; font-size:35px; padding-left:15px;}
#aboutSect .abotext span{color:#20409a;font-weight:300;text-align:center;font-size:24px;padding-left: 15px;}
#aboutSect .aboLeft{width:49%; padding:50px 15px 0px 30px;}
#aboutSect .aboLeft p{ color:#656565; font-weight:400; font-size:16px; line-height:28px;}
#aboutSect .aboLeft .paTop{padding-top:25px;}
#aboutSect .aboRight{width:49%; padding:55px 0px 0px 0px}
#aboutSect .aboRight p{ color:#20409a; font-weight:300; font-size:16px; padding-bottom:26px;}
#aboutSect .aboRight ul{list-style:none; margin:0px; padding:10px 0px 0px;}
#aboutSect .aboRight ul li{padding:0px; display: inline-block; width:19%; height:auto; vertical-align:top; }
#aboutSect .aboRight ul li p{color:#2a2a2a; font-weight:300; font-size:13px; line-height:20px; padding:10px 0px;}
#aboutSect .aboRight ul li img{ height:55px;max-width: 80px;}
#aboutSect .aboYellow{background:#ffcb1f; width:100%; padding:75px 30px 80px 30px; margin-top:75px; float:left}
#aboutSect .aboYellowLeft{width:49%;}
#aboutSect .aboYellowLeft span{ font-weight:600; font-size:24px; line-height:32px; color:#20409a;}
#aboutSect .aboYellowLeft p{color:#20409a; font-weight:300; font-size:24px; padding:20px 0px 0px 0px; line-height:32px; }
#aboutSect .aboYellowRight{width:49%; padding-left:30px;}
#aboutSect .aboYellowRight span{ font-weight:600; font-size:24px; line-height:32px; color:#20409a;}
#aboutSect .aboYellowRight p{color:#20409a; font-weight:300; font-size:24px; padding:20px 0px 0px 0px; line-height:32px;}
#aboutSect .aboValue{width:100%;padding:75px 30px 50px 30px; float:left}
#aboutSect .aboValue span{font-weight:600; font-size:24px; line-height:32px; color:#20409a; padding-bottom:50px; display:block;}
#aboutSect .aboValueLeft{width:49%;}
#aboutSect .aboValueLeft span{ font-weight:600; font-size:24px; line-height:0px; color:#656565; padding-bottom:0px;}
#aboutSect .aboValueLeft p{color:#656565; font-weight:300; font-size:24px; padding:20px 0px 30px 0px; line-height:30px; }
#aboutSect .aboValueLeft.ryt{ padding-left:30px}
#aboutSect .aboValueRight{width:51%; padding-left:40px;}
#aboutSect .aboValueRight { font-weight:600; font-size:24px; line-height:0px; color:#20409a;}
#aboutSect .aboValueRight p{color:#20409a; font-weight:300; font-size:24px; padding:20px 0px 0px 0px; line-height:30px;}
#peopleSect{ background:#f0f0f0; float:left; width:100%; padding:80px 0px 80px 0px;}
#peopleSect .popleText{width:100%; height:auto;}
#peopleSect .popleText span{ color:#20409a; font-weight:300; text-align:center; font-size:35px; padding-left:30px;}
#peopleSect .popleTexline .popleLeft{padding:20px 0px;}
#peopleSect .popleTexline .popleLeft img{ display:inline-block; padding:0px 50px 0px 0px;}
#peopleSect .popleTexline .popleLeft p{ color:#656565; font-weight:500; font-size:22px; line-height:28px; display:inline-block; vertical-align:top;text-transform: uppercase;}
#peopleSect .popleTexline .popleLeft p span{ color:#656565; font-weight:300; font-size:14px; line-height:20px; display:inline-block; vertical-align:top; }
#peopleSect .popleTexline .popleLeft .paTop{padding-top:25px;}
#peopleSect .popleTexline .popleRight{padding:20px 0px}
#peopleSect .popleTexline .popleRight img{ display:inline-block; padding:0px 50px 0px 0px;transition: transform 1s;}
/*#peopleSect .popleTexline .popleRight img:hover{transform: scale(1.3);}*/
#peopleSect .popleTexline .popleRight p{ color:#656565; font-weight:500; font-size:22px; line-height:28px; display:inline-block; vertical-align:top;;text-transform: uppercase;}
#peopleSect .popleTexline .popleRight p span{ color:#656565; font-weight:300; font-size:14px; line-height:20px; display:inline-block; vertical-align:top; }
#peopleSect .popleTexline{width:100%; height:auto; float:left;}
#peopleSect .popleTexline .popleTelt {width:49%; padding:15px 0px 0px 30px; }
#peopleSect .popleTexline .popleTelt .leftText{float:left; position:relative; padding-bottom:46px; padding-right:15px;}
#peopleSect .popleTexline .popleTelt .leftText p {color:#000000; font-weight:400; font-size:16px; line-height:28px;}
#peopleSect .popleTexline .popleTelt .leftText p strong{color:#20409a; font-weight:600; font-size:17px; line-height:30px; padding:10px 0px; display:block;}
#peopleSect .popleTexline .popleTelt .leftText ul {list-style: disc; margin:0px 0px 0px 0px ; padding:0px 0px 0px 15px;}
#peopleSect .popleTexline .popleTelt .leftText ul li {color:#000000; font-weight:400; font-size:15px; line-height:20px; padding:5px 0px;}
#peopleSect .popleTexline .popleTelt .leftText::after{ content:""; background:url(../images/doted-line.jpg) repeat-y right bottom; position:absolute; bottom:0px; top:0px; z-index:99; left:0; right:0; width:103%; height:100%; margin:auto auto; }
#peopleSect .popleTexline .popleTelt .leftText.back::after{ position:relative; content:"";}
#peopleSect .popleTert {width:49%; padding:15px 0px 0px 39px}
#peopleSect .popleTexline .popleTert .rytText{float:right; }
#peopleSect .popleTexline .popleTert .rytText p {color:#000000; font-weight:400; font-size:16px; line-height:28px; }
#associate{ background:#f0f0f0; float:left; width:100%; padding:15px 0px 0px 0px;}
#associate .popleText{width:100%; height:auto; }
#associate .popleText span{ color:#20409a; font-weight:300; text-align:center; font-size:35px; padding-left:30px;}
#associate .popleTexline .popleLeft{padding:30px 0px 0px 0px;}
#associate .popleTexline .popleLeft p{ color:#656565; font-weight:500; font-size:22px; line-height:28px; display:block; padding-top:35px; vertical-align:top; text-transform:uppercase;}
#associate .popleTexline .popleLeft p span{display:block; width:100%; text-transform:none;}
.elementor-element{padding: 0px !important;}
#associate .popleTexline .popleRight{padding:30px 0px 0px 0px}
#associate .popleTexline .popleRight p{ color:#656565; font-weight:500; font-size:22px; line-height:28px; display:block; vertical-align:top; padding-top:35px; text-transform:uppercase; }
#associate .popleTexline .popleRight p span{ color:#656565; font-weight:300; font-size:14px; line-height:20px; display:block; text-transform:none; }
#associate .popleTexline{width:100%; height:auto; float:left; }
#associate .popleTexline .popleTelt {width:50%; padding:15px 0px 0px 30px; }
#associate .popleTexline .popleTelt .leftText{float:left; position:relative; padding-bottom:46px;padding-right:15px;}
#associate .popleTexline .popleTelt .leftText p {color:#000000; font-weight:400; font-size:16px; line-height:28px;}
#associate .popleTexline .popleTelt .leftText p strong{color:#20409a; font-weight:600; font-size:17px; line-height:30px; padding:10px 0px; display:block;}
#associate .popleTexline .popleTelt .leftText ul {list-style: disc; margin:0px 0px 0px 0px ; padding:0px 0px 0px 15px;}
#associate .popleTexline .popleTelt .leftText ul li {color:#000000; font-weight:400; font-size:15px; line-height:20px; padding:5px 0px;}
#associate .popleTexline .popleTelt .leftText::after{ content:""; background:url(../images/doted-line.jpg) repeat-y right bottom; position:absolute; bottom:0px; top:0px; z-index:99; left:0; right:0; width:103%; height:100%; margin:auto auto; }
#associate .popleTexline .popleTelt .leftText.back::after{ position:relative; content:"";}
#associate .popleTert {width:50%; padding:15px 0px 0px 39px}
#associate .popleTexline .popleTert .rytText{float:right; padding-top:8px; }
#associate .popleTexline .popleTert .rytText p {color:#000000; font-weight:400; font-size:16px; line-height:28px; }
.matop{margin-top:40px; display:block}
#soulutonSect{background:#ffffff; float:left; width:100%; padding:90px 0px 60px 0px;}
#soulutonSect .soleText{width:100%; height:auto; }
#soulutonSect .soleText span{ color:#20409a; font-weight:300; font-size:35px; padding-left:30px; vertical-align:top; }
#soulutonSect .soleText .strong{ padding-left:40px; font-weight:600; margin-top:-30px; }
#soulutonSect .fullText{width:100%; height:auto; float:left; border-bottom:1px solid #20409a;}
#soulutonSect .fullText p{color:#000000; font-weight:300; font-size:24px; padding-top:70px;line-height:36px; padding-left:35px; padding-bottom:40px; }
#soulutonSect .execuText{width:100%; height:auto; float:left; padding:50px 0px 70px 0px; background:#ffcb1f; margin-top:40px;}
#soulutonSect .execuText span{color:#000000; font-weight:700; font-size:24px; padding-left:35px; }
#soulutonSect .execuText p{color:#000000; font-weight:300; font-size:24px; line-height:36px; padding-left:35px; padding-top:10px;padding-right:35px; }
#soulutonSect .hrsou {width:100%; height:auto; float:left; padding:20px 0px 0px 0px; background:#ffcb1f;}
#soulutonSect .hrsou .ourLeft{width:49%; padding-left:35px;}
#soulutonSect .hrsou .ourLeft .boxOne{width:100%; height:auto; padding-bottom:40px;}
#soulutonSect .hrsou .ourLeft .boxOne img{vertical-align:middle; height:45px; width:45px;}
#soulutonSect .hrsou .ourLeft .boxOne span{ color:#20409a; font-weight:600; font-size:16px; line-height:28px; padding-left:30px;}
#soulutonSect .hrsou .ourLeft .boxOne p{color:#000000; font-weight:300; font-size:16px; padding:20px 0px 0px 0px; line-height:28px;}
#soulutonSect .hrsou .ourRight{width:49%; padding-left:30px; padding-right:30px;}
#soulutonSect .hrsou .ourRight .boxOne{width:100%; height:auto; padding-bottom:40px;}
#soulutonSect .hrsou .ourRight .boxOne img{vertical-align:middle; width:45px; height:45px;}
#soulutonSect .hrsou .ourRight .boxOne span{ color:#20409a; font-weight:600; font-size:16px; line-height:28px; padding-left:30px;}
#soulutonSect .hrsou .ourRight .boxOne p {color:#000000; font-weight:300; font-size:16px; padding:20px 0px 0px 0px; line-height:28px;}
.soulutonFine{background:#fafafa; float:left; width:100%; padding:80px 0px 0px;}
.soulutonFine .finText{width:100%; height:auto; }
.soulutonFine .finText span{ color:#20409a; font-weight:300; font-size:35px; padding-left:30px; vertical-align:top; }
.soulutonFine .finText .strong{ padding-left:40px; font-weight:600; margin-top:-30px;font-size:23px; }
.soulutonFine .fullText{width:100%; height:auto; float:left; border-bottom:1px solid #20409a;}
.soulutonFine .fullText p{color:#000000; font-weight:300; font-size:24px; padding-top:50px;line-height:36px; padding-left:35px; padding-bottom:40px; }
.soulutonFine .fullTextbottom {width:100%; height:auto; float:left;}
.soulutonFine .fullTextbottom p{color:#000000; font-weight:300; font-size:24px;line-height:36px; padding:60px 30px 70px 30px; }
.soulutonFine .execuText{width:100%; height:auto; float:left; padding:15px 20px 70px 0px; background:#ffcb1f;}
.soulutonFine .execuText span{color:#000000; font-weight:700; font-size:24px; padding-left:30px; }
.soulutonFine .execuText p{color:#000000; font-weight:300; font-size:24px; line-height:36px; padding-left:35px; padding-top:10px; }
.soulutonFine .hrsou {width:100%; height:auto; float:left; padding:80px 15px 40px; background:#ffcb1f; margin-top:40px;}
.soulutonFine .hrsou .ourLeft{width:49%; padding-left:30px;}
.soulutonFine .hrsou .ourLeft .boxOne{width:100%; height:auto; padding-bottom:40px; float:left;}
.soulutonFine .hrsou .ourLeft .boxOne .imgLeft{float:left; width:20%;}
.soulutonFine .hrsou .ourLeft .boxOne .textLeft{float:right; width:80%}
.soulutonFine .hrsou .ourLeft .boxOne .textLeft p{color:#000000; font-weight:300; font-size:16px; line-height:28px;}
.soulutonFine .hrsou .ourLeft .boxOne .textLeft p strong{color: #20409a;font-size:16px;font-weight: 600;}
.soulutonFine .hrsou .ourRight .boxOne .textLeft p strong{color: #20409a;font-size:16px;font-weight: 600;}
.soulutonFine .hrsou .ourRight{width:49%; padding-left:32px; padding-right:30px;}
.soulutonFine .hrsou .ourRight .boxOne{width:100%; height:auto; padding-bottom:40px; float:left}
.soulutonFine .hrsou .ourRight .boxOne .imgLeft{float:left; width:20%;}
.soulutonFine .hrsou .ourRight .boxOne .textLeft{float:right; width:80%}
.soulutonFine .hrsou .ourRight .boxOne .textLeft p{color:#000000; font-weight:300; font-size:16px; line-height:28px;}
.soulutonFine .appText{width:100%; height:auto; float:left; border-bottom:1px solid #20409a; padding-top:50px; padding-bottom:40px; border-top:1px solid #20409a;}
.soulutonFine .appText h3{font-size:25px; font-weight:800; padding-left:30px; color:#20409a; text-transform:uppercase;}
.soulutonFine .appText p{color:#000000; font-weight:300; font-size:16px; padding:15px 0px 15px 30px; line-height:28px;}
.soulutonFine .proText{width:100%; height:auto; float:left; padding-top:80px; padding-bottom:40px;}
.soulutonFine .proText h3{font-size:25px; font-weight:800; padding-left:30px; color:#20409a; text-transform:uppercase;}
.soulutonFine .proText p{color:#000000; font-weight:300; font-size:16px; padding:15px 0px 15px 30px; line-height:28px;}
.soulutonFine .processLeft {width:100%; padding-left:30px; float:left; padding-top:60px;}
.soulutonFine .processLeft .boxOne{width:33%; height:auto; display:inline-block; vertical-align:top; }
.soulutonFine .processLeft .boxOne img{vertical-align:middle}
.soulutonFine .processLeft .boxOne span{ color:#20409a; font-weight:600; font-size:16px; line-height:28px; padding-left:30px;}
.soulutonFine .processLeft .boxOne span.padLeft{padding-left:38px;}
.soulutonFine .processLeft .boxOne p{color:#000000; font-weight:300; font-size:16px; padding:20px 80px 0px 0px; line-height:28px; text-align:left; }
.soulutonFine .processLeft .boxOne .paRight{ padding-right:0px;}
.soulutonFine .bottomText{width:100%; height:auto; float:left;}
.soulutonFine .bottomText p{color:#000000; font-weight:300; font-size:24px; padding-top:40px;line-height:36px; padding-left:30px; padding-bottom:40px; }
#contactdetails { background: #fff; float: left;width: 100%; padding:40px 0px 30px 0px;}
#contactdetails .contatt-hd { width: 100%;height: auto; padding-top:40px;}
#contactdetails .contatt-hd span{ color:#20409a; font-weight:300; text-align:center; font-size:35px; padding-left:28px; text-transform:uppercase;}
#contactdetails .contct-detail {background-color: #f0f0f0; width: 46%; margin:71px 0 0 0; padding:30px; float:left;}
#contactdetails .cont-add{ color:#000000; font-weight:400; font-size:14px; line-height:23px; padding:10px 0px;}
#contactdetails .cont-add h6{ color:#263c83; font-weight:500; font-size:16px; line-height:23px; }
#contactdetails .cont-call{ padding:0px}
#contactdetails .cont-call img{vertical-align:text-top;}
#contactdetails .cont-call span{ color:#000000; font-weight:400; font-size:14px; line-height:23px; padding-left:8px;}
#contactdetails .cont-mess {padding-top:40px;}
#contactdetails .cont-mess span a{ color:#000000; font-weight:400; font-size:14px; line-height:23px; padding-left:8px; }
#contactdetails .cont-linkden { padding:20px 0px 20px 0px ;}
#contactdetails .cont-linkden span a{color:#000000; font-weight:400; font-size:14px; line-height:23px; padding-left:8px;}
#contactdetails .contct-form{ width: 48%; float:right; }
#contactdetails .cont-hd{color:#000000; font-weight:300; font-size:25px; padding: 0px 0px 0px 0px; }
#contactdetails .conForm{ width:100%; float:left; padding:10px 0px;}
#contactdetails .conForm .conBox{ width:48%; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #2c2c2c;}
#contactdetails .conForm .conBox:nth-child(even){ float:right}
#contactdetails .conForm .conBox.conBox2{ width:100%; padding-top:30px;}
#contactdetails .conForm .conBox input, #contactdetails .conForm .conBox textarea, #contactdetails .conForm .contSub input{ width:100%; padding:20px 0px ; color:#2c2c2c; font-size:14px; font-weight:400; border:0px; background-color:#fff; box-shadow:0px 0px 0px #fff; font-family:'gotham', Arial, Helvetica, sans-serif;}
#contactdetails .conForm .conBox input:focus{ border:0px;}
#contactdetails .conForm .contSub{ float:left; width:100%; padding:10px 0px}
#contactdetails .conForm .contSub input{ padding:12px 30px; background-color:#20409a; width:auto; font-size:18px; text-transform:uppercase; font-weight:300; color:#fff; display:inline-block; cursor:pointer ; font-family:'gotham', Arial, Helvetica, sans-serif;}
.footer{width:100%; height:auto; float:left; padding-bottom:30px}
.footer .foot-txt{color:#000000; font-weight:300; font-size:12px; line-height:35px; padding-left:35px; float:left; }
.footer .credit{color:#000000; font-weight:300; font-size:12px; line-height:35px; float:right; text-align:right; }
.footer .credit a { color:#20409a;}
#headSe .nav.navActiv { position: fixed; top:0; z-index:9999; background-color:#ffcb1f; padding:10px 0px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear; transition: background 0.2s linear;
}
#headSe .nav.navActiv span.logo2{ display:inline-block}
#headSe .nav.navActiv .menu{padding-top:20px;}
#headSe .nav.navActiv span.logo2 img{ max-width:43px; height:auto }
#headSe .nav.navActiv span{ display:none}
#headSe .nav span.logo2{ display:none}
#headSe .nav.navActiv .menu ul li a:hover, #headSe .nav.navActiv .menu ul li a.active{color:#fff; }
#headSe .nav.navActiv .menu ul li span.icon{color:#fff; position:relative; display:inline-block; }
#headSe .nav.navActiv .menu ul li span.icon::after{color:#fff; background-image:url(../images/arrow2.svg); background-repeat:no-repeat; background-position: center right; height:10px; width:20px; content:''; position:absolute; margin-left:8px; margin-top:3px; }
#headSe .nav.navActiv #aboutSect{ padding-top:100px;}
.paTop{padding-top:25px;}
.soulutonFine .hrsou .ourLeft .boxOne .imgLeft img{ height:auto; width:100%; max-width:80px;max-height:90px;}
.soulutonFine .hrsou .ourRight .boxOne .imgLeft img{ height:80px; width:80px;}
.soulutonFine .processLeft .boxOne img { height:70px; width:80px;}
.conForm span.errr{color:#F00; font-size:11px;}
.conForm span.succ{ padding:20px 0px;display:block; font-size:24px; }
.boxTop .finCapital a .arroLeft img {
position: relative;
cursor: pointer;
-webkit-transition: .45s ease-in-out;
-moz-transition: .45s ease-in-out;
-o-transition: .45s ease-in-out;
-ms-transition: .45s ease-in-out;
transition: .45s ease-in-out;
}
@-webkit-keyframes arrow-right {
0% {
-webkit-transform: translateX(0);
transform:translateX(0);
}
20% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
-webkit-transform:translateX(12px);
transform:translateX(12px);
}
}
.boxTop .finCapital a:hover .arroLeft img {
-webkit-animation:arrow-right 0.35s ease-in;
animation:arrow-right 0.35s ease-in;
-webkit-transform-origin:0% 50%;
-ms-transform-origin:0% 50%;
transform-origin:0% 50%
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.boxTop .humCapital a .arroLeft img {
position: relative;
cursor: pointer;
-webkit-transition: .45s ease-in-out;
-moz-transition: .45s ease-in-out;
-ms-transition: .45s ease-in-out;
-o-transition: .45s ease-in-out;
transition: .45s ease-in-out;
}
@-webkit-keyframes arrow-right {
0% {
-webkit-transform: translateX(0);
transform:translateX(0);
}
20% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
-webkit-transform:translateX(12px);
transform:translateX(12px);
}
.boxTop .humCapital a:hover .arroLeft img {
-webkit-animation:arrow-right 0.35s ease-in;
animation:arrow-right 0.35s ease-in;
-webkit-transform-origin:0% 50%;
-ms-transform-origin:0% 50%;
transform-origin:0% 50%
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
}
/*animate*/
.animatetop{position:relative; width:100%; float:left; bottom:-30px;}
.animatetop a{ position:absolute; left:0; right:0; z-index:99; }
.scrollArrow{ display:block; z-index:61; -moz-animation-duration:5s; -webkit-animation-duration:5s; -o-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite; animation-name: shake;}
@-webkit-keyframes shake {10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-7px);}
20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(7px);}
}
@-moz-keyframes shake {10%, 30%, 50%, 70%, 90% {-moz-transform: translateY(-7px);}
20%, 40%, 60%, 80%, 100% {-moz-transform: translateY(7px);}
}
@-o-keyframes shake {10%, 30%, 50%, 70%, 90% {-o-transform: translateY(-7px);}
20%, 40%, 60%, 80%, 100% {-o-transform: translateY(7px);}
}
@keyframes shake {10%, 30%, 50%, 70%, 90% {transform: translateY(-7px);}
20%, 40%, 60%, 80%, 100% {transform: translateY(7px);}
}