@charset "utf-8";
html, body{background-color:rgba(0,0,0,1);}

#pgWrap{position:relative; display:block; width:100%; max-width:1367px; min-width:320px; min-height:250px; margin:0 auto; background-color:rgba(255,255,255,1); overflow-x:hidden; border:0px solid}


/* HEADER
   -------------------------------------------------------- */

#headrWrpMx{background-color:rgba(251,253,255,1); border:0px solid;}
#headrWrp{display:inline-block; position:relative; width:100%; border:0px solid}

#headrWrp #headrMdv{position:relative; width:1170px; padding:0 20px; min-height:95px; margin:0 auto; border:0px solid;}
@media all and (max-width: 1217px){
	#headrWrp #headrMdv{ width:100%;}
	}



/*MAIL ----------------------------------- */

#headrWrp .mLDvBg{position:absolute; width:calc(25% + 60px); min-width:375px; height:32px; padding:0 15px; right:0; top:0; background-color:rgba(157,222,240,1); border:0px solid rgba(255,0,0,1); z-index:0}
#headrWrp .mLDvBg:before{position:absolute; content:""; width:0; height:0; border-top:32px solid rgba(157,222,240,1); border-left:30px solid transparent; left:-29.9px; top:0; z-index:2;}

#headrWrp .mLDv{position:absolute; width:calc(25% + 35px); min-width:355px; height:40px; padding:0 15px; right:0; top:0; background-color:rgba(200,95,85,1); border:0px solid rgba(255,0,0,1); z-index:2}
#headrWrp .mLDv:before{position:absolute; content:""; width:0; height:0; border-top:40px solid rgba(200,95,85,1); border-left:30px solid transparent; left:-29.9px; top:0; z-index:2;}

#headrWrp .mLDv .mL{position:relative; display:block; width:100%; color:rgba(255,255,255,1); margin:9px auto 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0px solid;}
#headrWrp .mLDv .mL i{font-size:18px; color:rgba(255,255,255,1); margin:0 3px 0 0; vertical-align:middle;}
#headrWrp .mLDv .mL [class^=mLid]{font-family:Tahoma; font-size:13.5px; letter-spacing:.55px;}
#headrWrp .mLDv .mL .cma{margin-right:10px; font-size:16px;}

#headrMdv .mLDv [class^=sendML]{display:inline-block; cursor:pointer;}
#headrMdv .mLDv [class^=sendML]:hover{ text-decoration:underline;}

@media all and (max-width: 567px){
	#headrWrp .mLDvBg{width:235px; min-width:235px; height:42px;}
	#headrWrp .mLDvBg:before{border-top-width:42px;}
/**/
	#headrWrp .mLDv{width:215px; min-width:215px; height:50px;}
	#headrWrp .mLDv:before{border-top-width:50px;}
/**/
	#headrWrp .mLDv .mL{width:calc(100% + 20px); margin:5px 0 0 -20px; text-align:left;}
	#headrWrp .mLDv .mL i{position:absolute; font-size:21px; color:rgba(255,255,255,1); left:11px; top:50%; transform:translateY(-50%);}
	#headrWrp .mLDv .mL [class^=mLid]{display:block; width:100%; padding-left:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0px solid;}
	#headrWrp .mLDv .mL [class^=mLid]:nth-of-type(n+2){margin-top:2px;}
	#headrWrp .mLDv .mL .cma{display:none;}
	}



/* --------------------------------------- */

#headrMdv .inDv{position:relative; display:inline-block; width:100%; min-height:75px; margin:45px 0 15px; border:0px solid;}
@media all and (max-width: 617px){
	#headrMdv .inDv{ margin-bottom:0px;}
	}
@media all and (max-width: 467px){
	#headrMdv .inDv{padding-top:105px; text-align:center;}
	}

#headrMdv .inDv .lgoDv{position:absolute; display:inline-block; left:-15px; top:50%; transform:translateY(-50%); border:0px solid;}
#headrMdv .inDv .lgoDv .lgo{width:105px; margin:0 0 -5px; border:0px solid;}
@media all and (max-width: 467px){
	#headrMdv .inDv .lgoDv{top:-5px; transform:translateY(0); left:50%; transform:translateX(-50%);}
	}

#headrMdv .inDv .adrs{display:flex; width:calc(100% - 175px); min-height:105px; margin-left:175px; border:0px solid;}
#headrMdv .inDv .adrs [class^=dv]{display:inline-block; width:49%; max-width:475px; line-height:21px; margin:auto 0; border:0px solid;}
#headrMdv .inDv .adrs [class^=dv]:nth-of-type(n+2){margin-left:35px;}

#headrMdv .inDv .adrs [class^=dv] h4{display:inline-block; width:100%; font-size:15px; line-height:15px; letter-spacing:-.15px; font-family:Tahoma; color:rgba(188,92,80,1); font-weight:normal; margin:0 0 7px; padding:0;}
#headrMdv .inDv .adrs [class^=dv] .adr{display:inline-block; width:100%; min-height:22px; font-size:13px; line-height:13px; color:rgba(25,25,25,1); font-family:Verdana; border:0px solid;}
#headrMdv .inDv .adrs [class^=dv] .nbr{display:block; width:100%; font-size:14px; color:rgba(62,75,77,1); font-family:Roboto;}
#headrMdv .inDv .adrs [class^=dv] i{font-weight:bold; color:rgba(157,222,240,1); vertical-align:middle;}
#headrMdv .inDv .adrs [class^=dv] i.lc{font-size:16px; margin:0 3px 0 0;} 
#headrMdv .inDv .adrs [class^=dv] i.pnbr{font-size:13px; margin:0 3px 0 0;}

@media all and (max-width: 917px){
	#headrMdv .inDv .adrs{width:calc(100% - 115px); margin-left:115px;}
	}
@media all and (max-width: 767px){
	#headrMdv .inDv{margin-top:65px}
	}
@media all and (max-width: 617px){
	#headrMdv .inDv .adrs{display:inline-block; width:calc(100% - 105px); margin-left:105px;}
	#headrMdv .inDv .adrs [class^=dv]{width:calc(100% - 1px); max-width:100%;}
	#headrMdv .inDv .adrs [class^=dv]:nth-of-type(n+2){margin-left:0px; margin-top:15px;}
	/**/
	#headrMdv .inDv .adrs [class^=dv] .adr{min-height:15px;}
	}
@media all and (max-width: 567px){
	#headrMdv .inDv{margin-top:75px}
	}
@media all and (max-width: 467px){
	#headrMdv .inDv{margin-top:85px}
	#headrMdv .inDv .adrs{display:inline-block; width:calc(100% - 1px); margin-left:0;}
	/**/
	#headrMdv .inDv .adrs [class^=dv]:nth-of-type(n+2){margin-left:0px; margin-top:20px;}
	}



/* -------------------------------------- */

#hambgr{position:absolute; display:none; width:35px; height:25px; top:5px; left:15px; color:rgba(200,95,85,1); border:0px solid; cursor:pointer;}
#hambgr i{font-size:28px;}
@media all and (max-width: 617px){
	#hambgr{display:inline-block;}
	}
@media all and (max-width: 467px){
	#hambgr{top:15px;}
	}



/* SIDE Menu ----------------------------- */

#sideMnu{position:fixed; display:block; width:275px; height:100%; overflow:hidden; overflow-y:auto; background-color:rgba(42,20,18,1); background-image:linear-gradient(to bottom right, rgba(42,20,18,.75) 0%, rgba(200,95,85,.35) 100%);  left:-295px; top:0; z-index:1000;}
#sideMnu.dsp{left:0px;}

#sideMnu .hdrDv{ position:relative; display:inline-block; width:100%; height:115px; padding:15px 0; text-align:center; background-color:rgba(252,253,255,1); border:0px solid;}
#sideMnu .hdrDv .lgo{width:95px; margin:-8px 0 0; border:0px solid;}

#sideMnu .hdrDv i.closeSideMnu{position:absolute; right:10px; top:7px; cursor:pointer; color:rgba(255,0,0,1);}

#sideMnu .mnu{position:relative; display:block; height:calc(100% - 115px); overflow:hidden; overflow-y:auto; border:0px solid;}
#sideMnu .mnu > .spnr{position:absolute; width:36px; height:36px; color:rgba(255,255,255,1); top:calc(40% - 23px); left:calc(50% - 21px);}
#sideMnu .mnu a{display:inline-block; width:100%; height:26px; padding:10px 10px 0; color:rgba(255,255,255,1); background-color:rgba(255,255,255,.1); font-family:Roboto; font-size:13px; text-transform:uppercase; letter-spacing:-.35px; border-bottom:1px solid rgba(200,95,85,.15);}
#sideMnu .mnu a.cr{background-color:rgba(200,95,85,.95);}



/*Menu Socs ----------------------------- */

#mn-sc{position:relative; width:1150px; min-height:25px; margin:10px auto 0; border:0px solid;}
@media all and (max-width: 1217px){
	#mn-sc{width:100%; padding:0 25px;}
	}



/* MENU
   -------------------------------------- */

#menuDv{position:relative; width:750px; height:32px; margin:10px 0 0; padding-left:5px; border:0px solid;}
@media all and (max-width: 617px){
	#menuDv{height:0px; display:none; margin:-10px 0 0;}
	}
#menuDv a{position:relative; display:inline-block; padding:8px 10px; text-transform:uppercase; font-size:12px; color:rgba(140,70,60,1); font-weight:bold;}
#menuDv a:hover{color:rgba(225,110,100,1);}
#menuDv a.cr{font-size:13px; padding:10px 20px; background-color:rgba(188,92,80,1); color:rgba(255,255,255,1); font-weight:bold; margin-right:10px;}
#menuDv a.cr:after{position:absolute; content:''; border-bottom:35px solid rgba(188,92,80,1); border-right:15px solid rgba(188,92,80,0); right:-14.8px; top:0px;}
#menuDv a:nth-of-type(n+2){margin:0 0 0 2px;}





/* BANNER Div
   -------------------------------------- */

#bnrWrp{position:relative; display:inline-block; width:100%; min-height:435px; border:0px solid rgba(255,0,0,1);}

#bnrWrp .bgLftDv{position:absolute; display:inline-block; width:calc(50% + 15px); height:100%; left:0; top:0; background-color:rgba(188,92,80,1); border:0px solid; z-index:10;}
#bnrWrp .bgRgtDv{position:absolute; display:inline-block; width:50%; height:100%; right:0; top:0; border:0px solid;}
@media all and (max-width: 717px){
	#bnrWrp .bgLftDv{width:20%;}
	#bnrWrp .bgRgtDv{width:80%;}
	}

#bnrWrp .bgLftDv:after{content:''; position:absolute; width:0; height:0; border-top:435px solid rgba(188,92,80,1); border-right:135px solid transparent; right:-134.9px; top:0;}

#bnrWrp .sldrDv{position:relative; width:100%; height:435px; white-space:nowrap; border:0px solid rgba(255,0,0,1);}
#bnrWrp .sldrDv:before{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(155,220,240,.15); background-image: radial-gradient(circle at top left, rgba(188,92,80,.35) 0%, rgba(155,220,240,.45) 75%); z-index:5;}
@media all and (max-width: 767px){
	#bnrWrp .sldrDv:before{background-color:rgba(155,220,240,.55);}
	}

#bnrWrp .sldrDv [class^=dv-]{position:relative; display:inline-block; width:350px; height:435px; background-size:cover; background-repeat:no-repeat; background-position:center; border:0px solid; overflow:hidden; border-left:1px solid rgba(255,255,255,1);}

#bnrWrp .sldrDv [class^=dv-] .cLnt{position:absolute; display:inline-block; width:calc(100% - 40px); max-width:330px; left:20px; bottom:25px; overflow:hidden; border:0px solid;}
#bnrWrp .sldrDv [class^=dv-] .cLnt span.tx{display: inline-block; width:100%; font-family:Folio; font-size:16px; line-height:18px; color:rgba(255,255,255,1); letter-spacing:-.45px; word-break:break-all; white-space:pre-line; text-align:center;}

/**/
#bnrWrp .contntDv{position: relative; width:1150px; min-height:435px; margin:0 auto; border:0px solid; background-color:rgba(255,255,255,0); z-index:10;}
@media all and (max-width: 1217px){
	#bnrWrp .contntDv{ width:100%; padding:0 30px;}
	}

#bnrWrp .contntDv .txDv{position:absolute; display:inline-block; width:calc(100% - 75px); max-width:750px; left:0; top:50%; transform:translateY(-50%); border:0px solid;}
#bnrWrp .contntDv .txDv h1{display:inline-block; width:100%; font-size:64px; line-height:56px; letter-spacing:-6px; font-family:JosefinSans-Light; color:rgba(255,255,255,1); margin:0; padding:0;}
#bnrWrp .contntDv .txDv .spn{display:inline-block; width:100%; margin-top:35px 0 0; padding:0 0 0 35px; font-size:24px; font-family:Roboto; color:rgba(255,255,255,1); letter-spacing:-1px;}
@media all and (max-width: 1217px){
	#bnrWrp .contntDv .txDv{left:30px}
}

@media all and (max-width: 567px){
	#bnrWrp .contntDv .txDv h1{font-size:58px; line-height:48px; letter-spacing:-5px;}
	#bnrWrp .contntDv .txDv .spn{font-size:21px;}
	}
	
#bnrWrp .flickity-button{}
#bnrWrp .flickity-prev-next-button{ width:35px; height:35px;}
#bnrWrp .flickity-button-icon{ fill:rgba(188,92,80,1);}
#bnrWrp .flickity-prev-next-button.previous{ display:none;}
#bnrWrp .flickity-prev-next-button.next{ z-index:50;}



/* General Pages Banner*/
#PgsHdr {position:relative; height:295px; overflow:hidden; margin:-1px 0 0; border:0px solid;}
#PgsHdr #bnrWrp{ position:absolute; top:50%; transform:translateY(-50%);}





/* ============================================================= 
   ABOUT US
   ========================================================== */
   
#AbtUsWrp{ position: relative; width:100%; margin:5px auto 95px; background-size:65%; background-position:right top; background-repeat:no-repeat; border:0px solid rgba(255,0,0,0);}
@media all and (max-width: 967px){
	#AbtUsWrp{ background-position:right center; background-size:85%;}
	}

/**/
#AbtUs{position: relative; width:1150px; padding:45px 0; margin:0 auto;  border:0px solid; z-index:1;}
@media all and (max-width: 1217px){
	#AbtUs{width:100%; padding:45px 25px;}
	}

#AbtUs .lftDv{display:inline-block; width:calc(100% - 525px); margin:75px 0 95px; border:0px solid;}
#AbtUs .rgtDv{position:absolute; width:425px; min-height:425px; right:20px; top:95px; border:0px solid;}
@media all and (max-width: 967px){
	#AbtUs{ margin:15px auto 625px}
/**/
	#AbtUs .lftDv{ display: block; width:85%; margin:0 auto;}
	#AbtUs .rgtDv{ top:100%; left:calc(50% - 175px);}
	}
@media all and (max-width: 567px){
	#AbtUs .lftDv{display: block; width:100%; margin:0 auto;}
	#AbtUs .rgtDv{width:100%; left:15px;}
	}
@media all and (max-width: 417px){
	#AbtUs{ margin-bottom:695px;}
	}
@media all and (max-width: 367px){
	#AbtUs{ margin-bottom:755px;}
	}


#AbtUs .headg{display:inline-block; width:85%; padding:10px 10px 10px 0; border-right:0px solid rgba(157,222,240,1); text-align:right; margin:0 0 25px 0;}
#AbtUs .headg h3{display:inline-block; position:relative; font-size:32px; letter-spacing:-1px; font-weight:normal; color:rgba(188,92,80,1); margin:0 0 10px; border:0px solid;}
#AbtUs .headg h3:after{ display:inline-block; content:''; position:absolute; width:75%; height:6px; border-radius:10px; background-color:rgba(155,220,240,1); bottom:-5px; right:-25%;}
#AbtUs .headg .tx{display:inline-block; width:100%; font-family:Roboto; color:rgba(113,55,48,1); font-size:14px; border:0px solid;}

/**/
#AbtUs .lftDv .contnt{ display:inline-block; width:calc(100% - 25px); min-height:135px; border:0px solid;}
#AbtUs .lftDv p{display:inline-block; font-family:Roboto; font-size:16px; margin:0 0 10px;}
@media all and (max-width: 967px){
	#AbtUs .lftDv p{ text-align:center;}
	}

#AbtUs .lftDv .morDv{width:85%; text-align:right; border:0px solid;}
#AbtUs .lftDv .learnMr{position:relative; display:inline-block; width:100px; height:26px; padding:3px 15px 0; text-align:center; background-color:rgba(225,110,100,1); color:rgba(255,255,255,1); margin:25px 0 0 auto; font-family: Roboto; font-size:16px; letter-spacing:-1px; line-height:24px; font-weight:normal; border-radius:30px; cursor:pointer; z-index:3;}
#AbtUs .lftDv .learnMr:before{position:absolute; display:inline-block; content:''; width:50%; height:100%; left:-5px; top:-5px; border-width:5px 0 5px 5px; border-style:solid; border-color:rgba(155,220,240,1); border-radius:30px; z-index:1;}


/* What-We-Do*/
#AbtUs .rgtDv .dvDo{position:relative; display:inline-block; border:0px solid;}

#AbtUs .rgtDv .bnr{position:absolute; left:-75px; top:0; border:0px solid;}
#AbtUs .rgtDv .bnr:before{position:absolute; display:inline-block; content:''; width:calc(50% + 35px); height:50px; left:0; top:40%; transform:translateY(-50%); border-width:35px 0; border-style:solid; border-color:rgba(255,255,255,.95); z-index:1;}
#AbtUs .rgtDv .bnr:after{position:absolute; display:inline-block; content:''; left:0; bottom:0; border-right:250px solid rgba(255,255,255,0); border-bottom:150px solid rgba(255,255,255,1); z-index:1;}
#AbtUs .rgtDv .bnrMg{ width:calc(100% + 35px); height:auto; margin:10px 0 0;}

#AbtUs .rgtDv .ttL{display:inline-block; position:absolute; width:350px; color:rgba(255,255,255,1); left:-75px; padding:15px 5px 10px; top:0px; text-align: center; font-size:21px; font-family:Bri293; font-weight:bold; background-color:rgba(225,110,100,1); z-index:2;}
#AbtUs .rgtDv .ttL:after{content:''; display:block; position:absolute; border-top:30px solid rgba(225,110,100,1); border-left:350px solid transparent; left:0; bottom:-29.9px; z-index:3;}

/**/
#AbtUs .rgtDv .Ls{position:relative; margin:95px 0 0 45px; border:0px solid; z-index:2;}
@media all and (max-width: 567px){
	#AbtUs .rgtDv .Ls{width:calc(100% - 70px); margin-top:125px;}
	}
@media all and (max-width: 367px){
	#AbtUs .rgtDv .Ls{width:calc(100% - 55px); margin-left:25px;}
	}
	
#AbtUs .rgtDv .Ls [class^=dv]{ position:relative; display:inline-block; width:100%; padding:15px; margin:0 0 25px; padding:15px 10px 10px 75px; background-color:rgba(155,220,240,.95); background-image: radial-gradient(circle at top left, rgba(225,110,100,.35) 0%, rgba(155,220,240,.25) 100%); box-shadow:2px 2px 2px 2px rgba(225,225,225,.5);}
#AbtUs .rgtDv .Ls i{position:absolute; font-size:46px; color:rgba(255,255,255,1); left:10px; top:50%; transform:translateY(-50%);}

#AbtUs .rgtDv .Ls h4{font-family:JosefinSans-Light; color:rgba(255,255,255,1); font-size:20px; margin:0 0 5px; line-height:18px; letter-spacing:-1px; font-weight:;}
#AbtUs .rgtDv .Ls .tx{ display:inline-block; width:100%; font-family:Roboto; font-size:15px; line-height:16px;}






/* ============================================================= 
   PROJECT Experience
   ========================================================== */

#proJtWrp{position:relative; display:inline-block; width:100%; min-height:350px; margin:215px 0 0; border:0px solid rgba(0,0,225,1);}
@media all and (max-width: 967px){
	#proJtWrp{margin:125px 0 0;}
	}


/* --- */
#proJtWrp .headr{ position:absolute; display:; width:265px; text-align:right; left:calc(50% - 132px); top:-205px; z-index:3; border:0px solid;}
#proJtWrp .headr h3{display:inline-block; position:relative; font-size:26px; letter-spacing:-1px; font-weight:normal; color:rgba(188,92,80,1); margin:0 0 10px; border:0px solid;}
#proJtWrp .headr h3:after{ display:inline-block; content:''; position:absolute; width:75%; height:6px; border-radius:10px; background-color:rgba(155,220,240,1); bottom:-5px; right:-25%;}
#proJtWrp .headr .tx{display:inline-block; width:100%; font-family:Roboto; color:rgba(113,55,48,1); font-size:14px; border:0px solid;}


/* --- */
#proJtLs{position:relative; background-color:rgba(13,70,88,.65); background-image:url(../images/escalator-and-elevator.png); background-repeat:no-repeat; background-size:cover; background-position:center; border:0px solid rgba(255,0,0,1);}
#proJtLs:before{position:absolute; content:''; width:100%; height:100%; background-color:rgba(13,70,88,.55); background-image: linear-gradient(to bottom, rgba(13,70,88,.75) 0%, rgba(155,220,240,.95) 100%); left:0; top:0; z-index:2;}


#proJt{position:relative; width:calc(100% - 60px); max-width:1050px; min-height:575px; margin:0 auto; border:0px solid rgba(255,0,0,1); z-index:10;}
@media all and (max-width: 567px){
	#proJt{min-height:595px;}
	}

#proJt .projt{position:absolute; width:100%; height:375px; top:-95px; left:0; white-space:nowrap; overflow:; border:0px solid;}

#proJtWrp [class^=dv-]{position:relative; display:inline-block; width:calc(33% - 20px); min-width:325px; height:375px; background-color:rgba(255,255,255,1); background-repeat:no-repeat; background-size:cover; overflow:hidden; border-width:5px ; border-style:solid; border-color:rgba(255,255,255,1);}
#proJtWrp [class^=dv-].cr{border-color:rgba(155,220,240,.75);}
#proJtWrp [class^=dv-]:not(last-child){margin-right:25px;}

#proJt .projt [class^=dv-] .cLnt{position:absolute; display:flex; width:100%; min-height:85px; color:rgba(15,0,55,.45); font-size:14px; line-height:15px; font-family: Roboto; letter-spacing:-.25px; text-align:center; bottom:0px;}
#proJt .projt [class^=dv-].cr .cLnt{background-color:rgba(155,220,240,.9);}
/**/
#proJt .projt [class^=dv-] .cLnt span.tx{display: inline-block; width:calc(100% - 30px); margin:auto 15px; font-family:Roboto; font-size:16px; line-height:18px; color:rgba(255,255,255,1); letter-spacing:-.45px; word-break:break-all; white-space:pre-line; text-align:center;}
#proJt .projt [class^=dv-].cr .cLnt span.tx{font-size:18px; line-height:18px;}


/**/
#proJt .pjDts{position:absolute; width:calc(100% - 60px); max-width:550px; min-height:45px; text-align:left; padding:0 75px 0 0; top:305px; left:50%; transform:translateX(-50%); border:0px solid; z-index:5}
@media all and (max-width: 967px){
	#proJt .pjDts{width:calc(100% + 10px);}
	}

#proJt .pjDts [class^=dts]{display:none; border:0px solid;}
#proJt .pjDts [class^=dts].cr{position:relative; display:inline-block; text-align:left;}
/**/
#proJt .pjDts [class^=dts].cr:before{ position:absolute; content:''; width:5px; height:65%; background-color:rgba(155,220,240,1); left:-15px; bottom:-15px;}
#proJt .pjDts [class^=dts].cr:after{ position:absolute; content:''; width:55%; height:2.5px; background-color:rgba(155,220,240,1); left:-15px; bottom:-15px;}


#proJt .pjDts [class^=dts] .dsc{display:inline-block; margin:5px auto 10px; font-family:Roboto; font-size:16px; line-height:18px; letter-spacing:-.25px; color:rgba(255,255,255,1);}
#proJt .pjDts [class^=dts] .sTs{font-size:14px; font-weight:normal; color:rgba(255,255,255,.75);}

#proJt .pjDts [class^=dts] .dte{display:inline-block;position:absolute; width:70px; right:-75px; top:45%; transform:translateY(-50%); text-align:center; border:0px solid;}
#proJt .pjDts [class^=dts] .dte i{color:rgba(250,215,205,1); font-size:28px; margin:0 5px 0 0;}
#proJt .pjDts [class^=dts] .dte span.dg{display:inline-block; width:100%;  font-size:20px; color:rgba(255,255,255,1);  text-align:center; margin:5px auto 0;}


#projtPop .flickity-button{}
#projtPop .flickity-prev-next-button{width:30px; height:30px; top:calc(100% + 1px); z-index:5;}
#projtPop .flickity-button-icon{fill:rgba(188,92,80,1);}
#projtPop .flickity-prev-next-button.previous{ left:calc(100% - 85px);}
#projtPop .flickity-prev-next-button.next{}


#proJt a.morePj{position:absolute; width:95px; font-size:14px; font-family:Arial; color:rgba(10,70,85,1); padding:5px 21px; left:50%; bottom:95px; transform:translateX(-50%); border-radius:30px; text-align:center; background-color:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,1);}
@media all and (max-width: 417px){
	#proJt a.morePj{bottom:75px;}
	}





/* ============================================================= 
   TRAINING SCHOOL
   ========================================================== */

#traing{position: relative; width:950px; min-height:175px; margin:75px auto 95px; border:0px solid; z-index:1;}
@media all and (max-width: 1017px){
	#traing{width:calc(100% - 50px);}
	}
@media all and (max-width: 767px){
	#traing{width:calc(100% - 30px);}
	}

#traing .mG{position:absolute; width:200px; min-height:225px; padding:55px 15px 25px 45px; left:0; top:0; background-color:rgba(230,115,100,1); border:0px solid;}
#traing .mG .mg{width:395px; border:10px solid rgba(255,255,255,1);}

#traing .contntDv{position:relative; display:inline-block; width:calc(100% - 485px); margin:145px 0 0 485px; border:0px solid;}

#traing .contntDv .headg{ position:absolute; display:; width:205px; border:0px solid rgba(157,222,240,1); text-align:right; left:calc(50% - 132px); top:-65px; z-index:3;}
#traing .contntDv .headg h3{display:inline-block; position:relative; font-size:26px; letter-spacing:-1px; font-weight:normal; color:rgba(188,92,80,1); margin:0 0 10px; border:0px solid;}
#traing .contntDv .headg h3:after{ display:inline-block; content:''; position:absolute; width:75%; height:3px; border-radius:10px; background-color:rgba(155,220,240,1); bottom:-5px; right:-25%;}

#traing .contntDv .contnt{display:inline-block; width:100%; font-size:15px; font-family:Roboto; border:0px solid;}
#traing .contntDv .contnt hr{ height:10px;}

@media all and (max-width: 967px){
	#traing .contntDv{width:calc(100% - 195px); margin:325px 0 0 195px;}
	}
@media all and (max-width: 767px){
	#traing .contntDv{width:calc(100% - 45px); margin:375px 0 0 45px;}
	}
@media all and (max-width: 467px){
	#traing .contntDv{width:calc(100% - 35px);}
	}





/* ============================================================= 
   PARTNER
   ========================================================== */

#partnr{position: relative; width:1150px; min-height:35px; margin:75px auto; padding-top:45px; border:0px solid; z-index:1;}
@media all and (max-width: 1217px){
	#partnr{width:calc(100% - 50px);}
	}

#partnr .headg{position:absolute; display:; width:115px; border:0px solid rgba(157,222,240,1); text-align:left; left:0; top:5px; z-index:3;}
#partnr .headg h3{display:inline-block; position:relative; font-size:21px; letter-spacing:-1px; font-weight:normal; color:rgba(188,92,80,1); margin:0 0 10px; border:0px solid;}
#partnr .headg h3:after{ display:inline-block; content:''; position:absolute; width:75%; height:3px; border-radius:10px; background-color:rgba(155,220,240,1); bottom:-5px; right:-25%;}

#partnr .ptnrTxt{width:calc(100% - 75px); max-width:755px; margin:0 0 25px;}
#partnr .ptnrTxt hr{ height:10px;}
@media all and (max-width: 567px){
	#partnr .ptnrTxt{width:calc(100% - 15px);}
}

#partnr .Ls{ width:calc(100% - 75px); max-width:700px; min-width:225px; margin:0 auto; border:0px solid;}
#partnr .Ls [class^=dv-]{width:33%; min-width:175px; text-align:center; border:0px solid;}
#partnr .Ls [class^=dv-] img{width:auto; height:45px;}
/**/
#partnr .Ls .flickity-page-dots .dot{width:8px; height:8px;}
#partnr .Ls .flickity-page-dots .dot.is-selected {
  background: rgba(0,153,204,1);
}





/* ============================================================= 
   FOOTER 
   ========================================================== */

#footrWrp{position:relative; display:inline-block; width:100%; background-size:auto 100%; background-repeat:no-repeat; background-position:center; border:0px solid}
#footrWrp .footrBg{ display: inline-block; width:100%; min-height:75px; background-color:rgba(245,240,240,.9);}
#footrWrp hr{clear:both;}



/* MAIL ---------------------------------- */

#footrWrp .mLDvBg{position:absolute; width:calc(25% + 60px); min-width:375px; height:30px; padding:0 15px; right:0; top:0; background-color:rgba(157,222,240,1); border:0px solid rgba(255,0,0,1); z-index:0}
#footrWrp .mLDvBg:before{position:absolute; content:""; width:0; height:0; border-top:30px solid rgba(157,222,240,1); border-left:30px solid transparent; left:-29.9px; top:0; z-index:2;}

#footrWrp .mLDv{position:absolute; width:calc(25% + 35px); min-width:355px; height:35px; padding:0 15px; right:0; top:0; background-color:rgba(200,95,85,1); border:0px solid rgba(255,0,0,1); z-index:2}
#footrWrp .mLDv:before{position:absolute; content:""; width:0; height:0; border-top:35px solid rgba(200,95,85,1); border-left:30px solid transparent; left:-29.9px; top:0; z-index:2;}

#footrWrp .mLDv .mL{position:relative; display:block; width:100%; color:rgba(255,255,255,1); margin:7px auto 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0px solid;}
#footrWrp .mLDv .mL i{font-size:18px; color:rgba(255,255,255,1); margin:0 3px 0 0; vertical-align:middle;}
#footrWrp .mLDv .mL [class^=mLid]{font-family:Tahoma; font-size:12.5px; letter-spacing:.35px;}
#footrWrp .mLDv .mL .cma{margin-right:10px; font-size:16px;}

#footrWrp .mLDv [class^=sendML]{display:inline-block; cursor:pointer;}
#footrWrp .mLDv [class^=sendML]:hover{ text-decoration:underline;}

@media all and (max-width: 467px){
	#footrWrp .mLDvBg{width:235px; min-width:235px; height:42px;}
	#footrWrp .mLDvBg:before{border-top-width:42px;}
/**/
	#footrWrp .mLDv{width:215px; min-width:215px; height:50px;}
	#footrWrp .mLDv:before{border-top-width:50px;}
/**/
	#footrWrp .mLDv .mL{width:calc(100% + 20px); margin:5px 0 0 -20px; text-align:left;}
	#footrWrp .mLDv .mL i{position:absolute; font-size:21px; color:rgba(255,255,255,1); left:11px; top:50%; transform:translateY(-50%);}
	#footrWrp .mLDv .mL [class^=mLid]{display:block; width:100%; padding-left:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0px solid;}
	#footrWrp .mLDv .mL [class^=mLid]:nth-of-type(n+2){margin-top:2px;}
	#footrWrp .mLDv .mL .cma{display:none;}
	}



#footrTp{position: relative; width:1170px; margin:0 auto; padding:45px 15px 5px; border:0px solid;}
@media all and (max-width: 1267px){
	#footrTp{width:100%;}
	}

#footrTp .inDv{position:relative; width:100%; min-height:75px; margin:10px auto 15px; border:0px solid;}
@media all and (max-width: 617px){
	#footrTp .inDv{ padding-top:1px;}
	}
	
#footrTp .LgoDv{position:absolute; width:65px; height:65px; left:0px; top:50%; border-radius:50%; transform:translateY(-50%); background-color: rgba(252,253,255,1); border:2px solid rgba(252,253,255,1); overflow:hidden;}
#footrTp .LgoDv .lgo{width:100%; height:auto;}
@media all and (max-width: 617px){
	#footrTp .LgoDv{width:60px; height:60px; top:-65px; transform:translateY(0);}
	}
@media all and (max-width: 367px){
	#footrTp .LgoDv{left:-10px;}
	}


#footrTp .inDv .adrs{width:calc(100% - 125px); min-height:75px; margin-left:95px; border:0px solid;}
#footrTp .inDv .adrs hr.rL{ display:block; width:100%; height:10px;}
	
#footrTp .inDv .adrs [class^=dv]{display:inline-block; width:calc(50% - 50px); border:0px solid;}
#footrTp .inDv .adrs [class^=dv]:not(:last-child){margin-right:20px;}

#footrTp .inDv .adrs [class^=dv] h4{display:inline-block; width:100%; font-size:15px; line-height:15px; letter-spacing:-.15px; font-family:Tahoma; color:rgba(188,92,80,1); font-weight:normal; margin:0 0 10px; padding:0;}
#footrTp .inDv .adrs [class^=dv] .adr{display:inline-block; width:100%; min-height:25px; font-size:12px; line-height:12px; color:rgba(25,25,25,1); font-family:Verdana; border:0px solid;}
#footrTp .inDv .adrs [class^=dv] .nbr{display:block; width:100%; font-size:14px; color:rgba(62,75,77,1); font-family:Roboto; margin-top:5px; border:0px solid;}
#footrTp .inDv .adrs [class^=dv] i{font-weight:bold; color:rgba(157,222,240,1); vertical-align:middle;}
#footrTp .inDv .adrs [class^=dv] i.lc{font-size:18px; margin:0 3px 0 0;} 
#footrTp .inDv .adrs [class^=dv] i.pnbr{font-size:13px; margin:0 3px 0 0;}

@media all and (max-width: 767px){
	#footrTp .inDv .adrs hr.rL{ display:block; width:100%; height:0px;}
	/**/
	#footrTp .inDv .adrs{position:relative; display:inline-block; width:calc(100% - 95px); margin:15px 0 15px 95px;}
	/**/
	#footrTp .inDv .adrs [class^=dv]{display:inline-block; width:calc(100% - 1px); max-width:100%;}
	#footrTp .inDv .adrs [class^=dv]:nth-of-type(n+2){margin-top:10px; margin-left:0px;}
	#footrTp .inDv .adrs.mx [class^=dv]:nth-of-type(n+2){margin-top:7px; margin-left:0px;}
	/**/
	#footrTp .inDv .adrs [class^=dv] .adr{min-height:15px;}
	}
@media all and (max-width: 617px){
	#footrTp .inDv .adrs{width:calc(100% - 5px); margin-left:5px;}
	}



/* --------------------------------------- */

#footrBtmWrp{position: relative; width:100%; padding:15px 0; background-color:rgba(230,115,100,1); border:0px solid;}

#footrBtm{position: relative; width:1170px; padding:0 20px; min-height:35px; margin:0 auto; padding:0; border:0px solid;}
@media all and (max-width: 1267px){
	#footrBtm{width:100%;}
	}

	
/*Socials*/
#footrBtm .socs{position:relative; width:1170px; text-align:left; padding:0 20px 0 112px; margin:5px auto 20px; border:0px solid;}
@media all and (max-width: 1267px){
	#footrBtm .socs{width:100%;}
	}
@media all and (max-width: 617px){
	#footrBtm .socs{width:100%; padding-left:20px;}
	}

#footrBtm .socs [class^=sc-]{margin-bottom:5px; overflow:hidden; white-space:nowrap; border:0px solid; cursor:pointer;}
#footrBtm .socs [class^=sc-]:not(:last-child){margin-right:10px;}
#footrBtm .socs [class^=sc-] i{font-size:18px; margin:0 5px 2px 0; vertical-align:middle; color:rgba(255,255,255,1);}
#footrBtm .socs [class^=sc-] span.tx{display:inline-block; font-size:11.5px; color:rgba(255,255,255,1);}


/* Quick Links|Copy+Mail+Admin */
#footrBtm .qLnk{width:calc(100% - 375px); padding-left:112px; border:0px solid;}
#footrBtm .dV{position:absolute; width:325px; text-align:right; bottom:7px; right:0px; border:0px solid;}

#footrBtm .qLnk a{ display:inline-block; font-family:Roboto; font-size:11px; color:rgba(255,255,255,1); text-transform:uppercase; margin-bottom:5px; overflow:hidden; white-space:nowrap;}
#footrBtm .qLnk a:not(:last-child){margin-right:12px;}
#footrBtm .qLnk a:hover{text-decoration:underline;}

/**/
#footrBtm .dV{color:rgba(255,255,255,1); font-family:Arialn;}
#footrBtm .dV .cpr{display:inline-block; font-size:14px; color:rgba(255,255,255,1); margin-right:25px;}

#footrBtm .dV i{font-size:18px; vertical-align:middle;}
#footrBtm .dV a:nth-of-type(n+2){margin-left:15px;}

@media all and (max-width: 1267px){
	#footrBtm .dV{right:25px;}
	}
@media all and (max-width: 967px){
	#footrBtm .qLnk{width:100%; padding-right:20px; margin:0 0 15px;}
	#footrBtm .dV{position:relative; width:100%; text-align:right; padding-right:1px;}
	}
@media all and (max-width: 617px){
	#footrBtm .qLnk{padding-left:20px;}
	}


/*Floating WHATSAPP*/
#whatsF-div{bottom:60px;}
@media all and (max-width: 867px){
	#whatsF-div{bottom:90px;}
	}





/* ===========================================================
   ABOUT-US Page
   =========================================================*/

#AbtUsPg{position: relative; width:calc(100% - 50px); max-width:1150px; padding:45px 0 5px; margin:15px auto 0; border:0px solid; z-index:1;}
@media all and (max-width: 517px){
	#AbtUsPg{width:calc(100% - 30px);}
	}
#AbtUsPg hr{clear:both;}

#AbtUsPg .abtDv{display:inline-block; width:calc(100% - 225px); border:0px solid; margin-left:35px;}
@media all and (max-width: 917px){
	#AbtUsPg .abtDv{width:calc(100% - 125px);}
	}
@media all and (max-width: 667px){
	#AbtUsPg .abtDv{width:calc(100% - 55px);}
	}
@media all and (max-width: 517px){
	#AbtUsPg .abtDv{width:calc(100% - 5px); margin-left:5px;}
	}
#AbtUsPg .abtDv p{display:inline-block; font-family:Roboto; font-size:15px; text-align:justify; margin:0 0 10px}

#AbtUsPg .abtDv [class^=dv]{display:inline-block; position:relative; border:0px solid;}
#AbtUsPg .abtDv .dv2{width:calc(100% - 20px); margin:10px 0 0 20px;}





/* ===========================================================
   PROJECT-EXPERIENCE Page
   =========================================================*/

#projectExpPg{position: relative; width:calc(100% - 50px); max-width:950px; margin:55px auto 75px; border:0px solid; z-index:1;}
@media all and (max-width: 567px){
	#projectExpPg{width:calc(100% - 30px);}
	}
#projectExpPg hr{width:100%; height:1px; clear:both;}


#projectExpPg [class^=dv-]{position:relative; width:calc(100% - 60px); max-width:750px; min-height:55px; margin-left:45px; border:0px solid;}
@media all and (max-width: 567px){
	#projectExpPg [class^=dv-]{width:calc(100% - 2px); margin:1px;}
	}
#projectExpPg [class^=dv-]:not(:first-child){ margin-top:35px;}
#projectExpPg [class^=dv-].rt{}
#projectExpPg [class^=dv-][class$=Mg]{min-height:335px;}
#projectExpPg [class^=dv-].mtpMg{min-height:375px;}
@media all and (max-width: 717px){
	#projectExpPg [class^=dv-][class$=Mg]{padding-top:315px}
	#projectExpPg [class^=dv-].mtpMg{padding-top:375px}
	}


#projectExpPg .mgGal{position:absolute; width:215px; height:265px; left:25px; bottom:35px; border:0px solid;}
#projectExpPg .mgGal:before{position:absolute; content:''; display:inline-block; width:3px; height:50%; left:-10px; bottom:-10px; background-color:rgba(157,222,240,1);}
#projectExpPg .mgGal:after{position:absolute; content:''; display:inline-block; width:50%; height:3px; left:-10px; bottom:-10px; background-color:rgba(157,222,240,1);}
@media all and (max-width: 717px){
	#projectExpPg .mgGal{top:15px; left:50%; transform:translateX(-50%);}
	#projectExpPg [class^=dv-].mtpMg .mgGal{top:65px;}
	}
/**/
#projectExpPg .mgGal .dv{position:absolute; width:100%; height:100%; left:50%; transform:translateX(-50%); overflow:hidden; background-repeat:no-repeat; background-size:cover; outline:1px solid rgba(157,222,240,1); border:2px solid rgba(255,255,255,1);}
#projectExpPg .mgGal .dv img{position:absolute; width:auto; height:265px; left:50%; top:50%; transform:translate(-50%,-50%);}
#projectExpPg .mgGal .dv:nth-of-type(1){bottom:0px; z-index:5}
#projectExpPg .mgGal .dv:nth-of-type(2){bottom:15px; width:calc(100% - 20px); opacity:0.45; z-index:4}
#projectExpPg .mgGal .dv:nth-of-type(3){bottom:20px; width:calc(100% - 35px); opacity:0.3; z-index:3}
#projectExpPg .mgGal .dv:nth-of-type(4){bottom:30px; width:calc(100% - 45px); opacity:0.15; z-index:2}
#projectExpPg .mgGal .dv:nth-of-type(n+5){bottom:40px; width:calc(100% - 50px); opacity:0.05; z-index:1}


#projectExpPg [class^=dv-] .txDv{position:relative; width:100%; padding-left:55px; background-color:rgba(255,255,255,1); border:0px solid rgba(255,0,0,1);}
#projectExpPg [class^=dv-][class$=Mg] .txDv{position:absolute; width:calc(100% - 245px); bottom:0; right:0;}

#projectExpPg [class^=dv-] .txDv h3{display:inline-block; width:100%; font-size:20px; line-height:18px; font-family:Roboto; font-weight:normal; margin:0 auto 10px;}
#projectExpPg [class^=dv-] .txDv .dsc{font-size:16px; font-family:Roboto;}
/**/
#projectExpPg [class^=dv-] .sTs{display:inline-block; width:100%; font-family:Arial; font-size:14px; color: rgba(230,115,100,1); margin:10px auto 0;}
/**/
#projectExpPg [class^=dv-] .txDv .dte{position:absolute; width:55px; min-height:55px; text-align:center; left:0; top:50%; transform:translateY(-50%); border:0px solid;}
#projectExpPg [class^=dv-] .txDv .dte i{font-size:21px; color: rgba(157,222,240,1);}
#projectExpPg [class^=dv-] .txDv .dte .dg{display:inline-block; width:100%; font-size:15px; letter-spacing:-1.5px; margin:5px auto 0;}
@media all and (max-width: 717px){
	#projectExpPg [class^=dv-][class$=Mg] .txDv{ position:relative; width:calc(100% - 5px);}
	}





/* ===========================================================
   POP Div
   =========================================================*/

#popDv {display:none; flex-wrap: wrap; position:fixed;  top:0; left:0; height:100vh; width:100%; background-color:rgba(245,240,240,.97); overflow: hidden; overflow-y:auto; z-index:10;}
#popDv .contntDv {position:relative; width:100%; margin:auto; min-height:150px; border:0px solid; text-align:center;}
#popDv .contntDv.alignTp{ margin-top:0;}
/**/
#popDv .contntDv > .spnr{position:absolute; width:40px; height:40px; color:rgba(150,70,60,1); left:50%; top:50%; transform:translate(-50%,-50%);}





/* ===========================================================
   POP-BG div
   =========================================================*/

#bgLayr {display:none; position:fixed; top:0; left:0; height:100vh; width:100%; background-color:rgba(245,240,240,.9); overflow:hidden; overflow-y:auto; z-index:9;}