@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.eot');
  src: url('../fonts/Helvetica.woff2') format('woff2'),
       url('../fonts/Helvetica.woff') format('woff'),
       url('../fonts/Helvetica.ttf') format('truetype'),
       url('../fonts/Helvetica.svg#Helvetica') format('svg'),
       url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/**** COMMON ELEMENT CSS open ****/

body { margin: 0; padding: 0; font-family:'Helvetica'; font-weight:normal; /*overflow:hidden*/}
p, h1, h2, h3, h4, h5, h6, input, textarea, ul, li, ol { margin: 0; padding: 0}
ul li { list-style: none}
* { border: none; box-sizing: border-box; margin: 0; outline: none; padding: 0; text-decoration: none; border-spacing: 0;}
.leftcontent { float: left}
.rightcontent { float: right}
.container{width:100%; /*max-width:1100px;*/ width:80%; margin:0 auto}
.clear { clear: both}
.center { text-align: center}
.ibvm { display: inline-block; vertical-align: middle}
.ibvb { display: inline-block; vertical-align: bottom}
.ibvt { display: inline-block; vertical-align: top}
.pageblock { clear: both}
.blockcontainer { display: block; overflow: hidden}
.bold { font-weight: bold}
.uppercase { text-transform: uppercase}
.txtright { text-align: right}
:-moz-placeholder { opacity: 1}
*::-moz-placeholder { opacity: 1;}
input:focus:-moz-placeholder { color: transparent}
input:focus::-moz-placeholder { color: transparent}
textarea:focus:-moz-placeholder { color: transparent}
textarea:focus::-moz-placeholder { color: transparent}
a, a:hover { outline: medium none; text-decoration: none}
.whitetext {color:#fff}


h1 { font-family:'Helvetica'; font-weight:normal;font-size:45px; color:#000000;text-transform: uppercase;}
h3 { font-family:'Helvetica'; font-weight:normal;font-size:20px; color:#000000;}
h2 {font-family:'Helvetica'; font-weight:bold;font-size:30px; }
h1 span {color:#f3138b;}
p {font-size:15px;color:#313131;}
.line-heading {height:1px;width:70px;background:#f3138b;margin:10px 0 0 3%;}
.line-heading1 {height:1px;width:70px;background:#f3138b;margin:10px 0 0 11%;}


/**** COMMON ELEMENT CSS close ****/


/******* HOME PAGE CSS SRAT *******/




/*header & footer*/
.headerblk {left: 0; position: fixed; top: 35px; width: 100%; z-index: 9}

.footerblk {left: 0; position: fixed; bottom: 30px; width: 100%; z-index: 9}
.copyrighttext {font-size:14px; font-weight:bold; line-height:14px; padding:0 0 2px; letter-spacing: 1px}
.copyrighttext span {font-weight: normal}
.termsconditions {font-size:13px; line-height:13px; letter-spacing: 1px}
.shareiconblk{line-height:0}
.sharetextblk {font-size: 14px; font-weight: bold; line-height: 14px; letter-spacing: 1px}

/*section*/

/*#section0 .fp-tableCell{vertical-align:middle }
.section {text-align:center;}
.sectionone {background:url(../images/sectionbg-1.jpg) no-repeat center center/ cover}
.sectiontwo {background:url(../images/sectionbg-2.jpg) no-repeat center center/ cover}
.sectionthree {background:url(../images/sectionbg-3.jpg) no-repeat center center/ cover}
.sectionfour {background:url(../images/sectionbg-4.jpg) no-repeat center center/ cover}
.sectionfive {background:url(../images/sectionbg-5.jpg) no-repeat center center/ cover}
.sectionsix {background:url(../images/sectionbg-6.jpg) no-repeat center center/ cover}
.sectionseven {background:url(../images/sectionbg-7.jpg) no-repeat center center/ cover}*/

.hmpagettl {font-size: 60px; line-height: 75px; text-align: left; text-transform: uppercase;}
.whiteline {border-bottom: 1px solid #fff; margin: 10px 0 20px 60px; width: 70px; display:block; transform: perspective(1px) translateZ(0px);}


.hmsubttl{font-weight:bold; font-size:17px; line-height:20px; text-align:left;padding: 0 0 15px;}
.hmpagetext{font-size:15px; line-height:20px; text-align:left;}
.hpsecdesblk {margin: 22% 0 0; position: relative}
.hpsectiononeblk .hpsecdesblk {margin:15% 0 0 0; text-align:center}

.shareblk {position:relative; cursor:pointer; color:#fff}
.showshareblk {display: none; position: absolute; right: -28px; text-align: center; top: -40px; width: 160px}
.showsocialshareblk {display:block}
.footsocialicon {display: inline-block}
.footsocialicon a{text-decoration:none;}
.footsocialicon a::after{display:none;}
.soicon {width:34px; height:34px}
.fb {background:url(../img/facebook.png) no-repeat  0 0}
.fb:hover {background:url(../img/facebook-active.png) no-repeat  0 0}
.tw {background:url(../img/twitter.png) no-repeat  0 0}
.tw:hover {background:url(../img/twitter-active.png) no-repeat  0 0}
.yt {background:url(../img/youtube.png) no-repeat  0 0}
.yt:hover {background:url(../img/youtube-active.png) no-repeat  0 0}
.insta {background:url(../img/instagram.png) no-repeat  0 0}
.insta:hover {background:url(../img/instagram-active.png) no-repeat  0 0}

.navsocialblk {border-bottom: 2px solid #fff; border-top: 2px solid #fff; margin: 20px 0; padding: 10px 0 7px;
    text-align: right; transform: perspective(1px) translateZ(0px); width: 154px;/*width: 200px*/}
.navsocialblk:before { background: #fff; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 100%; 
                        transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1}
.navsocialblk:hover:before, .navsocialblk:focus:before, .navsocialblk:active:before {right:0}
.navsocialblk:after {background: #fff; content: ""; height: 2px; left: 100%; position: absolute; right: 0; top: 0;
    transition-duration: 0.3s; transition-property: left; transition-timing-function: ease-out; z-index: -1}
.navsocialblk:hover:after, .navsocialblk:focus:after, .navsocialblk:active:after {left: 0;}


/******* HOME PAGE CSS close *******/

/************* inner header open **********************/

.innerheaderblk {left: 0; position: fixed; width: 100%; z-index: 999;padding:10px 0; background:#fff;box-shadow: 0px 2px 5px #888888;}
.innerheaderblk .open span {background:#000;}
.innerheaderblk .open .sub-menu {border-bottom-color: #000; border-left-color: #000}
.innerheaderblk .oppenned span{background:#fff;}
.about-wraper {background:#fff;}
.interfooterblk {
    left: 0;
    position: static;
    padding: 45px 0 30px 0;
    width: 100%;
    z-index: 9;
    background: #2c2c2c;
    bottom: 0;
}


/************* inner header close **********************/



/************ about us page open *******/

.about-us-main {background:url(../images/about/bg-aboutus.jpg) no-repeat center center ; background-size: cover;/*padding-top:30px;*/}
.inetpagedetial {width:100%;margin:0 auto;padding: 110px 0 0px 0;}
.intallpagepad {padding-top: 30px;}
.about-us-text {width:50%;}
.about-us-pic {width:50%;position:relative;/*height:540px;*/}
.about-menu {background:#fff;}
.text-abut p {padding:20px 20px 0 0;box-sizing:border-box;}
.aboutimg1 {width:60%;box-shadow: 0px 3px 9px #2c2c2c;} 
    .aboutimg1 img {width:100%;display:block;}
.aboutimg2 {width:60%;position:absolute;top:200px;right:0;box-shadow: 0px 3px 9px #2c2c2c;}
    .aboutimg2 img {width:100%;display:block;}
.aboutbox {
padding:0 0 180px 0;}


/************ about us page close *******/


/***************** contact us open **********/
.contactusmain {}
.contactuspic {width:40%;}
.contactustext {width:60%;}
.address-main {width:100%;}
.addresslocation{margin:20px 0 0 0;}
.locationimg {}
.locationadress {margin:0 0 0 20px;color:#000;font-size:16px;}
.locationadress a {color:#000;}
.textcontactus p{padding: 3% 27% 0 0;box-sizing:border-box;}
.contactus-pic {border: 1px solid #f3138b;width: 40%;padding: 25px;box-sizing: border-box;}
.contacuspictext h1{font-size:30px;}
.contacuspictext p {padding:10px 0 0 0;}
.text-form {border:1px solid #bfbfbf;width: 100%;padding:15px;box-sizing:border-box;margin:20px 0 0 0;font-size:14px;color:#898989;background: transparent;}
.area-form {border:1px solid #bfbfbf;width: 100%;padding:15px 15px 60px 15px;box-sizing:border-box;margin:20px 0 0 0;font-size:14px;color:#898989;background: transparent;}
.butten-submit {padding:12px 30px;background:#f3138b;color:#fff;text-align:center;margin-top:20px;float:right;font-size:14px;font-weight:bold;-webkit-appearance: none;}
.contactus {padding-bottom:40px;}
.follow-us {background:url(../images/getintuch/img1.jpg) center no-repeat;background-size:cover;padding: 50px 0;}
.follows-us-text h2 {
    color: #fff;text-shadow: 2px 2px 4px #000000;
}
.follows-us-text p {padding-top: 1%;color: #fff;font-size: 18px; text-shadow: 2px 2px 4px #000000;font-weight:bold;box-sizing:border-box;}
.follows-us-text {text-align:center;}
.follows-facebook {}
.follows-icon {padding:10px 0 0 0;}
.findusmap {width:15%;position:relative;}
.findusmap-pic img {display: block;width: 100%;height: 380px;}
.followusmain {width:100%;}
.findusmap-pic {width:100%;}
.contactmap {width: 85%;height: 380px;}

.findusmap-text{
    font-family: 'Helvetica';
    position:absolute;
    right: -110px;
    top: 170px;
     color: #fff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-transform:uppercase;
  font-size:21px;
letter-spacing:7px;
width:280px;
}

.getintuch-bg {background:url(../images/getintuch/bg-getintuch.jpg) no-repeat center center ; background-size: cover;/*padding-top:30px;*/}


.contact-banner{width:100%;}
.contact-banner img{width:100%;display: block;}
.contpadd{padding-top: 104px;}

/***************** contact us close **********/




/***************** show-reel open **********/

.show-reelmain {background:url(../images/show-reel/bg1.jpg) no-repeat center center ; background-size: cover;/*padding-top:30px;*/}
.tanzanit-text p {padding-top:20px;}
.swvideomain {width:90%;margin:0 auto;}
.bankmlaunc-video {width:100%;position:relative;margin-top:50px;}
.swvidvideo2, .swvidvideo1 {margin-top:50px;margin-bottom:80px;position:relative;}
.swvidvideo1 {width:45%;margin-right:10%;}
.swvidvideo2 {width: 45%;}
.content-video {width:100%;}
    .content-video h4 {font-size:24px;text-transform:uppercase;font-weight: normal;padding-top:10px}
    .content-video p {padding-top:20px;}

.video-lauch-text { position:absolute;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 90%;border:none;background:none; bottom: 0;}

.play-text {position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;text-align:center;color:#fff;}



#playvideo {width:100%;}








#bgvid {width:100%;}

#bgvid1 {width:100%;}

    .buttons button {
            bottom: 0;
            /*height: 60px;*/
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 233px;
            width: 60px;
            border:none;
            background:none;
        }

.buttons {position:absolute;top:0;right:0;left:0;bottom:0;}

        button.pause {
            background: url("../images/show-reel/stop-btn.png") no-repeat;
            display: none;
        }
        button.play {
            background: url("../images/show-reel/youtube-btn.png") no-repeat;
            /*background: none;*/
            cursor:pointer;
        }




.buttons1 {position:absolute;top:0;right:0;left:0;bottom:0;}

        new-button1.pause {
            background: url("../images/show-reel/stop-btn.png") no-repeat;
            display: none;
        }
        new-button1.play {
            background: url("../images/show-reel/youtube-btn.png") no-repeat;
            /*background: none;*/
            cursor:pointer;
        }

            /***** video play *****/
.bank-video-frist {position:relative;width: 100%;}
.bank-video-second {position:relative;width: 100%;}
.video-frist {position: absolute;margin: 0 auto;text-align: center;left: 0;right: 0;top: 75px;bottom: 0;}
.videotigo{position: absolute;margin: 0 auto;text-align: center;left: 0;right: 0;top: 75px;bottom: 0;}
#playv {background: transparent;cursor: pointer;}
#pausev {background: transparent;}
#playsec {background: transparent;cursor: pointer;}
#pausesec {background: transparent;}
#myVideo {width: 100%;}
#myVideosec{width: 100%;}
#myVideothree {width:100%;display:block;}
.banklaunch-text {position:absolute;left: 0;right: 0;text-align: center;top:41%;z-index:99;}
#playthree {background: transparent;cursor: pointer;}
#pausethree {background: transparent;}
.text-video-mlaunch {position:absolute;text-align:center;left:0;right:0;margin:0 auto;z-index:99;top:31%;}
.text-video-mlaunch h4 {font-size:36px;color:#fff;text-transform: uppercase;}
.text-video-mlaunch p {font-size:15px;color:#fff;width:63%;margin:0 auto; padding:10px 0;}
.text-video-mlaunchmbile {position:relative;text-align:center;margin:0 auto;display:none;padding-top:20px;}
.text-video-mlaunchmbile h4 {font-size:36px;color:#000;text-transform: uppercase;}
.text-video-mlaunchmbile p {font-size:15px;color:#000;width:63%;margin:0 auto; padding:10px 0;}

            /****** video play ****/

.bgblack {background: rgba(0, 0, 0, 0.3);position:absolute;width:100%;height:100%;}




/***************** show-reel close **********/



/********************* career open  **************/
.main-wrap-carree {width:100%;}
.caree-text {/*padding-top: 30px;*/padding-bottom:20px;}
.careepart1 {width:100%;}
.caree-live {width:87%;position:relative;background:url(../images/career/career.jpg) right top;height:381px;}
.caree-workwithus {width:13%;position:relative; background:url(../images/career/img1.jpg) left top;height:381px;}
.careetext h4 {font-size:24px;text-transform:uppercase;font-weight: normal;/*padding-top:10px;*/color:#fff;text-align:center;line-height: 33px;padding: 10px 15% 0;}
.careetext h4 span {font-weight:bold;}
.careecome-pic {text-align:center;}
.careetext {padding:10% 0;position: relative;}
.careeworkwithus-text{font-family: 'Helvetica';position:absolute;left: -106px; top: 184px;color: #fff;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);text-transform:uppercase;font-size:21px;letter-spacing:7px;width:280px;}
.position-enquri-main {width:100%;background:url(../images/career/open-positon-bg.jpg) center center;padding:75px 0;background-size:cover;}
.position-main {width:60%;}
.careerinq-main {width:40%;padding: 25px;box-sizing: border-box;border: 1px solid #f3138b;}
.acoding-postionopen {width: 80%;padding:3% 0;}
.accord-txt-postion h1 {font-size:28px;font-weight:normal;}
.acording-line {margin: 10px 0 0 5%;}
.accord-txt-postion {margin-top: 25px;width: 100%;}
.caree-next-pic {width:100%;display:none;}
.caree-next-pic img {width:100%;display:block;}
.accord-txt-postion p{padding: 20px 40px 0 0;box-sizing: border-box;}
      
                /************** acording changes of open ******************/
.acoding-postionopen .smk_accordion .accordion_in .acc_head .acc_icon_expand {background: url(../images/career/icon1.png) center 0 no-repeat;width: 28px;height: 28px;left: 0px;top: 38%;}
.acoding-postionopen .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {background: url(../images/career/icon2.png) center 0 no-repeat;width: 28px; }
.acoding-postionopen .smk_accordion .accordion_in {z-index: 1;margin-top: 10px;border:none;}
.acoding-postionopen .smk_accordion .accordion_in .acc_head {font-size: 15px;background: transparent;color:#000;}
.acoding-postionopen .smk_accordion .accordion_in .acc_content{font-size: 15px;background: transparent;color:#000;}
.acoding-postionopen .smk_accordion .accordion_in.acc_active > .acc_head {background: transparent;color:#000;}

                /************** acording changes of close ******************/

.browse-btn {width:38px;background:#fff;padding:4px 6px;float:right;position:relative;border: 1px solid #bfbfbf;text-align:center;}
.upload-career {float:left;width:86%;margin-right:1%;}
.browse-btn span {width:100%;}
.browse-btn .upload {position:absolute;opacity:0;width:50px;cursor:pointer;top:0;left:0;/*height:36px;*/padding:5px 0;/*width:100%;*/}
.btn-box {width:100%;float:left;border: 1px solid #bfbfbf;padding: 11px;box-sizing:border-box;font-size: 14px;color: #898989;}
.butten-upload {width:100%;margin: 20px 0 0 0;}

/********************* career close  **************/


/***********************bussinesses open  *************/


.bussinesstext {/*padding-top: 30px;*/}
.bussinesstext p {padding-top:20px;}
.bussinesscontent {width:100%;}
.corporatevwntwrap {width:32.667%;margin:4% 1% 0 0;}
.specileeventwrap {width:32.667%;margin:4% 0 0 0;}
.event-corporat-pic {width:100%;position:relative;}
.eventicon {position: absolute;bottom: 0;right: 0;}
.eventicon img {display:block;}
.eventpic-big img {width:100%;display:block;}
.event-specile-pic {width:100%;position:relative;}
.event-all-text {width:100%;background:#f3138b;padding:12px; box-sizing:border-box;}
.event-all-text h2 {color:#fff;font-weight:normal;letter-spacing: 6px;text-transform: uppercase;font-size:23px;text-align: center;}
.activation {margin:4% 0 5% 0;}
.activation-pic {position: relative;}

/***********************bussinesses close  *************/







/*********************** mobile home page open ***********************/
.mobilewrap {display:none !important;width:100%;}
#indewrap {display:block !important;}
.indexwrap {width:100%;}
.overlay {display: none !important;}
.copywrit-menu {display:none  !important;}
/*********************** mobile home page close ***********************/

.videoblkwrapper {
    margin: 5% auto 0;
    width: 90%;
    padding:0 0 80px 0;
}
.videoblk {width:48%;}
.videoblk4 {width:100%; position: relative;}
.videoplaybtn {
    bottom: 0;
    height: 72px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
}

.postion-speed {
    padding-left: 15px;
    position: relative;
    width: 100%;
	font-size: 15px;
	 margin: 2% 0;
}

.postion-speed:before {
    background: #f3138b none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 10px;
}


/************* new menu open **************/
.nav{background-color:#f00881 ;position:fixed;top:0;right:-300px;width:300px;height:650px; border-bottom-left-radius:50px}
.menu-re{cursor: pointer;height:17px;margin:20px 20px 0 0;position:fixed; top: 31px;right: 130px;}
.close{width:17px; height:17px;cursor: pointer;position:absolute;top: 50px;right: 130px;}
.menu-open{position:relative;}
.menufore li a::after {
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 3px;
    transition-duration: 0.3s;
    transition-property: right;
    transition-timing-function: ease-out;
    bottom: 0;
}



.menufore li a:hover:after, .menufore li a:focus:after, .menufore li a:active:after {
    right: 0;
}

.menufore ul li{float: right;padding-bottom:5px;}


.menufore li a {
    color: #fff;
    display: block;
    float: left;
    font-size: 23px;
    line-height: 34px;
    text-transform: uppercase;
    width: 100%;
    transform: perspective(1px) translateZ(0px);
}

.menufore {
    position: relative;
    width: 157px;
    text-align: right;
    float: left;
    top: 78px;
    left: 13px;
}



/************* new menu close **************/


/***************** client testimonial open **********************/
.clent-test-midel {width:100%;padding:20px 0;}
.clent-main {}
.clentleft {width:38%;margin-right:2%;}
.clentright {width:60%;}
.testmon-thankyou {border: 1px solid rgba(0, 0, 0, 0.1);padding: 40px;box-sizing: border-box;margin-bottom:20px}
.testmon-thankyou:hover {    border: 1px solid rgba(0, 0, 0, 0);box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);transition: all 0.5s ease;}
.testumin-box {position:relative;}
.padd-test-box {padding-bottom:20px;}

.testumin-box:before {position: absolute;content: "";background: url(../images/testimonial/leftaro.png);height: 18px;width: 19px;left: -25px;top: 0;}
.testumin-box p:nth-last-child(1):after {position: absolute;content: "";background: url(../images/testimonial/rightaro.png);height: 18px;width: 19px;bottom: -5px;margin-left:20px;}

.testmon-thankyou h3 {color:#f3138b;padding-top:40px; font-weight: normal;font-size:20px;}
.testmon-thankyou h4 {font-size: 14px;font-weight: normal;}
.icon-test:before {position: absolute;content: "";background: url(../images/testimonial/leftaro.png);height: 18px;width: 19px;left: -25px;top: 0;}
.icon-test:after {position: absolute;content: "";background: url(../images/testimonial/rightaro.png);height: 18px;width: 19px;bottom: -5px;}

.icon-test {position:relative;}
.olivier-be {position:relative;}

/*.olivier-be::before {position: absolute;content: "";background: url(../images/testimonial/leftaro.png);height: 18px;width: 19px;left: -25px;top: 0;}*/
.oliv-af:after {position: absolute;content: "";background: url(../images/testimonial/rightaro.png);height: 18px;width: 19px;right: 180px;bottom: -5px;}
.sant-af{position:relative;}
.sant-af img{padding-top:20px;}
.clickbuten {text-transform: uppercase;padding: 4px;border: 1px solid #f3138b;display: block;width: 114px;text-align: center;color:#f3138b;font-size:14px;cursor: pointer;margin:10px;}
.click-op {position: relative;display:none;}

.click-op p:nth-child(1):after {position: absolute;content: "";background: url(../images/testimonial/rightaro.png);height: 18px;width: 19px;margin-left:20px;}

/***************** client testimonial close **********************/

/***************** scroll top open **********************/
.scrollToTop {background: rgba(0, 0, 0, 0) url("../images/to-top.png") no-repeat scroll 0 0;bottom: 20px;display: none;height: 42px;padding: 10px;position: fixed;right: 3.45%;text-align: center;text-decoration: none;width: 42px;}
.scrollToTop:hover {text-decoration: none;}
/***************** scroll top close **********************/

/*********** clent page open *********/
.client-page{width:100%;padding-top:26px;}
.cleint-logo {border: 1px solid rgba(160, 160, 160, 0.7);margin: 0 3.1% 3% 0;padding: 6px;text-align: center;width: 17%;box-sizing:border-box;}
.client-pic{border: 1px solid rgba(160, 160, 160, 0.7);}

.client-pic img{width:100%;display:block;}


.cleint-logo:nth-child(5n) {margin: 0 0 3% 0;}
/*********** clent page close *********/

.thankyoutext{ text-align: center;}