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

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


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

#headrWrp{display:; width:100%;}
#headr{width:1200px; margin:0 auto; padding:20px 0; border:0px solid;}
@media all and (max-width: 1267px){
	#headr{ width:100%; padding:15px;}
}
#headr .lgo{width:125px; margin:0 0 0 1px; border:0px solid;}



/***************************************************************************************/
/**###### --- BANNER
/***************************************************************************************/

#bnrWrp{display:; width:100%; min-height:150px; background-image:url(../images/bgCover.png); background-repeat:no-repeat; background-size:cover;}
#bnrBg{width:100%; min-height:450px; background-color:rgba(78,210,255,.25);}

#bnr{width:1200px; margin:0 auto; padding:15px 0; border:0px solid;}
@media all and (max-width: 1267px){
	#bnr{ width:100%; padding:15px;}
}

#bnr .infoDv{ width:650px; background-color:rgba(255,255,255,1); padding:35px; margin:55px 0; border-radius:20px;}
@media all and (max-width: 717px){
	#bnr .infoDv{ width:calc(100% - 45px);}
}
@media all and (max-width: 367px){
	#bnr .infoDv{ width:calc(100% - 25px);}
}


#bnr .infoDv h1{ font-family:Roboto-Light; font-size:42px; line-height:40px; letter-spacing:-2px;}
@media all and (max-width: 417px){
	#bnr .infoDv h1{font-size:32px; line-height:30px;}
}

#bnr .infoDv .tx{ font-family:Arial; font-size:18px; line-height:20px; margin:35px 0 0; color:rgba(55,175,205,1);}
#bnr .infoDv .tx .cg{ display:inline-block; margin:15px 0 0; font-size:13px; color:rgba(0,0,155,1);}

#bnr .conct{ margin:35px 0 0;}
#bnr .conct a{position:relative; display:inline-block; vertical-align:middle; padding:10px 25px; background-color:rgba(18,140,126,1); color:rgba(255,255,255,1); border-radius:10px; font-family:Arial; font-size:16px; cursor:pointer; box-shadow:0 0 3px 1px rgba(255,255,255,.35);}
#bnr .conct a:hover{background-color:rgba(37,211,102,1);}




/***************************************************************************************/
/**###### --- SERVICES
/***************************************************************************************/

#servcs{ display:; width:1200px; margin:0 auto; margin:95px auto; padding:15px 0; border:0px solid;}
@media all and (max-width: 1267px){
	#servcs{ width:100%; padding:15px 20px;}
}
#servcs hr{ clear:both;}

#servcs .inDv{width:calc(100% - 155px); float:right;}
@media all and (max-width: 517px){
	#servcs .inDv{width:calc(100% - 45px);}
}

/**/
#servcs .hdr{margin:0 0 55px; border:0px solid;}
#servcs .hdr h1{ letter-spacing:-1.5px;}

/**/
#servcs .mg{width:600px; min-height:250px; background-color:rgba(18,140,126,.15); overflow:hidden; float:rgba(204,204,204,1); float:right; border-radius:20px; border:0px solid;}

#servcs .contnt{ width:calc(100% - 625px); border:0px solid;}
@media all and (max-width: 1017px){
	#servcs .mg{width:calc(65% - 25px);}
	#servcs .contnt{width:calc(35% - 25px);}
}
@media all and (max-width: 867px){
	#servcs .mg, #servcs .contnt{width:calc(100% - 5px); float:none}
	#servcs .contnt{ margin:45px 0 0;}
}
@media all and (max-width: 617px){
	#servcs .mg{ width:calc(100% + 45px); margin-left:-55px;}
}

#servcs .contnt .dv2{margin:25px 0 0;}
#servcs .contnt span{display:inline-block; width:100%; font-size:14px; margin:0 0 2px; font-family:Arial;}

#servcs h3{font-family:Foliol; color:rgba(18,140,126,1); font-size:20px; margin:0 0 15px;}

#servcs .SvcLs{min-height:125px;}
#servcs .SvcLs [class^=dv]{display:inline-block; width:100%; min-height:125px; vertical-align:top;  border:0px solid;}
#servcs .SvcLs i{font-size:46px; color:rgba(39,225,215,1);}

/*button||*/
#servcs .flickity-button{left:35px; top:calc(100% + 25px);}
#servcs .flickity-button:focus {outline:none;}
#servcs .flickity-button:disabled {background-color:; color:;}
#servcs .flickity-prev-next-button {width:21px; height:21px; border-radius:50%;}
#servcs .flickity-prev-next-button.previous {left:0px}
#servcs .flickity-prev-next-button.next{right:;}



/***************************************************************************************/
/**###### --- BLOG POSTS
/***************************************************************************************/

#blogPs{ position:relative; width:1200px; min-height:155px; padding:35px; margin:55px auto; border-radius:15px; border:1px solid rgba(0,153,153,.55);}
@media all and (max-width: 1267px){
	#blogPs{width:calc(100% - 70px); padding:35px;}
}
#blogPs hr{ width:100%; clear:both;}

#blogPs .tmp{position:absolute; font-size:24px; color:rgba(0,153,153,.35); top:50%; left:50%; transform:translate(-50%,-50%);}




/***************************************************************************************/
/**###### --- FOOTER
/***************************************************************************************/

#footrDv{display:; width:100%; min-height:155px; margin:95px auto 0; background:linear-gradient(55deg, rgba(0,0,51,.95) 35%, rgba(0,50,155,1)); border:0px solid;}
#footrDv hr{ width:100%; clear:both;}

#footr{width:1000px; padding:55px 0; margin:0 auto; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 1067px){
	#footr{width:100%; padding:55px 20px;}
}

/**/
#footr .svcs{margin:0 0 45px 95px; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 817px){
	#footr .svcs{margin:0 0 45px 5px;}
}
#footr .svcs [class^=dv]{ width:335px; border:0px solid rgba(255,255,255,1); float:left;}
@media all and (min-width: 518px) and (max-width: 867px){
	#footr .svcs [class^=dv]{width:calc(50% - 10px);}
	#footr .svcs .dv2{ margin:0 0 0 15px;}
}
@media all and (max-width: 517px){
	#footr .svcs [class^=dv]{width:calc(100% - 10px); text-align:center;}
	#footr .svcs .dv2{ margin:15px 0 0 0;}
}


#footr .svcs [class^=dv] h3{ color:rgba(0,153,153,1); font-size:15px; margin:0 0 15px;}
#footr .svcs [class^=dv] span{ display:inline-block; width:100%; font-size:13px; font-family:Arial; color:rgba(255,255,255,.75);}
#footr .svcs [class^=dv] span:hover{ color:rgba(255,255,255,1);}


#footr .profL{position:relative; width:calc(100% - 455px); min-height:50px; border:0px solid rgba(255,255,255,1); float:left;}
#footr .subForm{width:375px; min-height:150px; border:0px solid rgba(255,255,255,1); float:right;}
@media all and (max-width: 817px){
	#footr .profL, #footr .subForm{float:none; margin:0 auto 45px;}
	#footr .profL{width:100%; max-width:575px; margin-bottom:0px;}
}
@media all and (max-width: 467px){
	#footr .subForm{ width:calc(100% - 20px); max-width:325px;}
}

/*Form Adjust*/
#footr .subForm .fmdata input[type]:not([type=submit]) {height:45px; font-size:15px; color:rgba(255,255,255,1); background-color:rgba(255,255,255,0); border:1px solid rgba(255,255,255,.55);}
#footr .subForm .fmdata input[type]:not([type=submit]):hover, .fmdata textarea:hover{border:1px solid rgba(255,255,255,.35);}
#footr .subForm .fmdata input[type]:not([type=submit]):focus, .fmdata textarea:focus{border:1px solid rgba(255,255,255,.95); box-shadow:0px 0px 5px -1px rgba(225,235,255,.95);}
#footr .subForm .fmdata input[type].rq {border:1px solid rgba(255,35,0,1);}
#footr .subForm .fmdata .selectric .label {font-size:18px; line-height:34px; height:35px;}
#footr .subForm .fmdata .tgtBtn .btn{ height:45px; font-size:15px; border-radius:;}
#footr .subForm .fmdata .tgtBtn .spnr{right:calc(50% - 10px); top:calc(50% - 12px);}
/*button*/
#footr .fmdata .btn{background-color:rgba(10,70,65,1); color:rgba(255,255,255,1); background-image:linear-gradient(45deg, rgba(30,210,190,.75), rgba(30,210,190,.45), rgba(30,210,190,.55));}
#footr .fmdata .btn:hover{background-color:rgba(30,210,190,.95);}
#footr .fmdata .btn:disabled{background-color:rgba(5,35,35,.55); color:rgba(255,255,255,.35); background-image:none;}

/*Profile*/
#footr .profL .mg{position:absolute; display:inline-block; width:75px; height:75px; border-radius:50%; left:0; top:calc(50% - 37px); background-color:rgba(255,255,255,1); background-position:center; background-size:70%; background-repeat:no-repeat; border:1px solid rgba(255,255,255,1); box-shadow:0 0 5px 2px rgba(255,255,255,.95);}
#footr .profL .dV{display:inline-block; width:calc(100% - 96px); min-height:95px; margin:0 0 0 95px; color:rgba(255,255,255,1); border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 417px){
	#footr .profL .mg{ top:5px; left:50%; transform:translateX(-50%);}
	#footr .profL .dV{ width:100%; margin:95px auto 0; text-align:center;}
}

#footr .profL .dV .nm{color:rgba(255,255,255,1); font-family:Arial; font-size:13px;}
#footr .profL .dV .profsn{text-transform:uppercase; font-size:13px; font-weight:bold; color:rgba(255,255,255,.75); margin:5px auto;}
@media all and (max-width: 417px){
	#footr .profL .dV .profsn{font-size:12px;}
}
#footr .profL .dV .socsDv{margin:15px 0 0;}
#footr .profL .dV .socsDv i{font-size:24px; color:rgba(255,255,255,.55); vertical-align:middle; cursor:pointer;}
#footr .profL .dV .socsDv > i:hover{ color:rgba(255,255,255,1);}

#footr .profL .dV .wtsApp{position:relative; display:inline-block; margin:0 0 0 35px; vertical-align:middle; padding:8px 15px; background-color:rgba(18,140,126,1); border-radius:30px; cursor:pointer; box-shadow:0 0 3px 1px rgba(255,255,255,.35);}
#footr .profL .dV .wtsApp i{ position:absolute; left:-20px; top:calc(50% - 12px); font-weight:;}
#footr .profL .dV .wtsApp:hover{color:rgba(7,94,84,1); background-color:rgba(37,211,102,1);}
#footr .profL .dV .wtsApp:hover i{ color:rgba(255,255,255,1);}

/**-- copyright**/
#footrBtm{position:relative; width:100%; min-height:15px; padding:15px; margin:0px; text-align:center; background-color:rgba(30,105,130,1);}
#footrBtm .cpr{ font-size:12px; font-family:Arial; color:rgba(255,255,255,1);}




/***************************************************************************************/
/**###### - - - SUBSCRIPTION FORM
/***************************************************************************************/
#subsWrp{position:relative; display:inline-block; width:425px; padding:55px 0 0; min-height:55px; margin:50px auto; background-color:rgba(255,255,255,0); text-align:left; border:0px solid;}
#subsWrp hr{ height:0; margin:0; clear:both;}
@media all and (max-width: 517px){
	#subsWrp{width:calc(100% - 60px);}
}
@media all and (max-width: 417px){
	#subsWrp{width:calc(100% - 30px);}
}
#subsWrp .closePop{display:inline-block; position:absolute; width:22px; height:22px; top:56px; right:1px; background-color:rgba(255,0,0,1); color:rgba(255,255,255,1); box-sizing:content-box; opacity:.25; cursor:pointer; z-index:15;}
#subsWrp .closePop:hover{ opacity:1;}
#subsWrp .closePop i{position:absolute; font-size:13px; left:50%; top:50%; transform:translate(-50%,-50%);}

#subsWrp .pgLdr{display:none; position:absolute; width:100%; height:calc(100% - 75px); left:0; bottom:0; background-color:rgba(255,255,255,.9); border:0px solid; z-index:2;}
#subsWrp .pgLdr .spnr{display:; position:absolute; width:30px; height:30px; color:rgba(30,210,190,.75); top:calc(40% - 15px); left:calc(50% - 20px);}
#subsWrp .pgLdr .spn{display:block; position:absolute; width:100%; font-size:12px; color:rgba(15,105,95,.95); font-family:Foliol; top:calc(42% + 15px); left:0px; text-align:center;}

#subsWrp .hdr{display:inline-block; position:absolute; width:100%; height:55px; top:0px; left:0px; border:0px solid rgba(255,255,255,1); background-image:linear-gradient(45deg, rgba(30,210,190,.75), rgba(30,210,190,.45), rgba(30,210,190,.55));}
/*#subsWrp .hdr:after{ content:""; position:absolute; width:100%; height:1px; bottom:-6px; left:0; background-color:rgba(10,70,65,1); background-image:linear-gradient(45deg, rgba(30,210,190,.75), rgba(30,210,190,.45), rgba(30,210,190,.55));}*/
#subsWrp .hdr i{position:absolute; color:rgba(255,255,255,1); font-size:50px; left:25px;}

#subsWrp .fmBg{background-color:rgba(255,255,255,1); padding:25px 25px 35px}
#subsWrp .fmdata input[type]:not([type=submit]){height:45px; font-size:16px;}
#subsWrp .fmdata #bsnNm{display:none; border:1px solid rgba(255,0,0,1);}
/*- selectric*/
#subsWrp .sl{display:inline-block;  height:39px; border-radius:3px;}
#subsWrp .selectric .label {text-align:left; line-height:36px; height:36px; margin:0 38px 1px 4px; }
/*- button*/
#subsWrp .fmdata .inp{ margin:20px 0 0;}
#subsWrp .fmdata .btn{height:45px; background-color:rgba(10,70,65,1); color:rgba(255,255,255,1); background-image:linear-gradient(45deg, rgba(30,210,190,.75), rgba(30,210,190,.45), rgba(30,210,190,.55));}
#subsWrp .fmdata .btn:hover{background-color:rgba(30,210,190,.95);}
#subsWrp .fmdata .btn:disabled{background-color:rgba(5,35,35,.55); color:rgba(255,255,255,.35); background-image:none;}




/***************************************************************************************/
/**###### - - - MAIL CONFIRMATION
/***************************************************************************************/

#mLcfm{position:absolute; width:350px; left:50%; top:50%; transform:translate(-50%,-50%);}
/**/
#mLcfm .hdr{padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid rgba(0,0,155,.35);}
#mLcfm .hdr .lgo{ width:115px;}
/**/
#mLcfm .dV{ position:relative; min-height:25px; padding:0 55px 0 0; border:0px solid;}
#mLcfm .dV .dta{display:inline-block; width:100%; padding:15px 0; border:0px solid;}
#mLcfm .dV .dta span{display:inline-block; width:100%; font-family:Arial; font-size:14px;}
/**/
#mLcfm .dV .spnr{display:; position:absolute; width:26px; height:26px; color:rgba(77,210,255,1); right:10px; top:calc(50% - 13px);}
#mLcfm .dV i{display:none; position:absolute; font-size:20px; color:rgba(77,210,255,1); right:10px; top:calc(50% - 10px);}
#mLcfm .dV i.scs{color:rgba(0,255,0,1);}
#mLcfm .dV i.err{color:rgba(255,0,0,1);}

/**/
#mLcfm .stsTx{}
#mLcfm .stsTx span{display:none; width:100%; font-family:Arial; font-size:13px;}
#mLcfm .stsTx span.df{ display:inline-block; color:rgba(55,175,215,1);}
#mLcfm .stsTx span.scs{color:rgba(0,195,0,1);}
#mLcfm .stsTx span.err{color:rgba(195,0,0,1);}
/**/
#mLcfm .copr{ display:inline-block; width:100%; margin:10px 0 0; padding:10px 0; border-top:; color:rgba(0,0,155,1); font-family:Arial; font-size:11px; text-align:center;}




/***************************************************************************************/
/**###### - - - CAMPAIGN PAGE
/***************************************************************************************/
#campgn{}
#campgn hr{ clear:both;}

#campgn #tpWrpBg{ background-repeat:no-repeat; background-size:auto 100%; background-position:right center;}
@media all and (max-width: 767px){
	#campgn #tpWrpBg{background-position:center center;}
}

#campgn #tpWrp{ width:100%; padding:0 0 55px; background:linear-gradient(55deg, rgba(175,175,225,.1) 35%, rgba(0,50,155,.1));}

#campgn .hdr{width:100%; background-color:rgba(255,255,255,.75); border:0px solid rgba(204,204,204,1);}
#campgn .hdr .dV{ width:1000px; min-height:55px; margin:0 auto;}
@media all and (max-width: 1067px){
	#campgn .hdr .dV{width:100%; padding:0 25px;}
}
#campgn .hdr .lgo{ width:105px; margin:14px 0 0;}

#campgn .contntDv1{position:relative; width:850px; margin:45px auto 25px; font-size:18px; text-align:center;}
@media all and (max-width: 917px){
	#campgn .contntDv1{width:100%; padding:0 25px;}
}
#campgn .contntDv1 .qs{display:inline-block; font-size:18px; line-height:18px; font-family:Ariallgt; font-weight:bold; color:rgba(0,0,55,.95);}
#campgn .contntDv1 hr.rL{ margin:5px;}

#campgn .contntDv1 .tX{ display:inline-block; width:100%; font-size:18px; line-height:20px; margin:15px 0 0;}

#campgn .contntDv1 h3{margin:15px 0 0;}
#campgn .contntDv1 h3{font-size:21px; font-family:Ariallgt; color:rgba(0,50,155,1); vertical-align:middle;}
#campgn .contntDv1 h3 i{font-size:36px; vertical-align:middle; background: -webkit-gradient(linear, left top, left bottom, from(rgba(78,210,255,1)), to(rgba(0,50,155,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

#campgn .intro{position:relative; width:550px; min-height:195px; margin:5px auto; padding:0 0 0 155px; border-width:0px; border-style:solid; border-color:rgba(195,195,195,1);}
@media all and (max-width: 617px){
	#campgn .intro{width:90%;}
}

#campgn .intro .tx{position:; font-family:Foliol; font-size:14px; padding:100px 0 10px 0;}
#campgn .intro .tx:after{}
#campgn .intro .mg{position:absolute; width:135px; left:0; bottom:-5px;}
#campgn .intro .mg img{ width:100%;}

@media all and (max-width: 417px){
	#campgn .intro .tx{position:absolute; width:calc(100% + 32px); padding:10px 10px 25px; background-color:rgba(255,255,255,.75); left:-15px; bottom:-60px; z-index:5;}
}

#campgn .intro .socsDv{margin:15px 0 0;}
@media all and (max-width: 417px){
	#campgn .intro .socsDv{ text-align:center;}
}
#campgn .intro .socsDv i{font-size:24px; color:rgba(255,255,255,.55); vertical-align:middle; cursor:pointer;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(78,210,255,1)), to(rgba(0,50,155,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
#campgn .intro .socsDv > i:hover{ color:rgba(255,255,255,1);}

#campgn .intro .wtsApp{position:relative; display:inline-block; margin:0 0 0 30px; vertical-align:middle; padding:5px 15px; background-color:rgba(18,140,126,1); color:rgba(255,255,255,1); border-radius:30px; cursor:pointer; box-shadow:0 0 3px 1px rgba(255,255,255,.35);}
#campgn .intro .wtsApp i{ position:absolute; left:-18px; top:calc(50% - 12px); font-weight:;}
#campgn .intro .wtsApp:hover{color:rgba(255,255,255,1); background-color:rgba(37,211,102,1);}
#campgn .intro .wtsApp:hover i{ color:rgba(255,255,255,1);}


#campgn .contntDv2{width:100%; min-height:175px; margin:0 auto; padding:55px 25px; background:linear-gradient(55deg, rgba(0,0,51,.95) 35%, rgba(0,50,155,1));}
#campgn .contntDv2 .dV{width:1000px; min-height:95px; margin:0 auto; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 1067px){
	#campgn .contntDv2 .dV{width:100%;}
}
#campgn .contntDv2 .dV .ntr{ display:; width:80%; font-size:16px; line-height:19px; color:rgba(255,255,255,.9); font-family:Foliol; margin:0 0 45px;}
#campgn .contntDv2 .dV h3{font-weight:; font-family:Ariallgt; font-size:16px; color:rgba(255,255,255,1); margin:0 0 6px; letter-spacing:-.1px;}
#campgn .contntDv2 .dV .tx{ display:inline-block; font-family:Arial; font-size:13px; line-height:16px; color:rgba(255,255,255,1);}
@media all and (max-width: 717px){
	#campgn .contntDv2 .dV .ntr{ width:90%; margin:0 auto 45px; text-align:center; border:0px solid;}
}
@media all and (max-width: 567px){
	#campgn .contntDv2 .dV h3{ margin:25px 0 6px;}
}
#campgn .contntDv2 .LnDv{width:100%; margin:5px 0 55px; text-align:center;}
#campgn .contntDv2 .LnDv hr{ display:none;}
#campgn .contntDv2 a.Ln, #campgn .contntDv2 a.gP{display:inline-block; width:145px; padding:10px 15px; font-family:Arial; font-size:14px; background-color:rgba(255,255,255,1); color:rgba(0,102,153,1); border-radius:30px; text-align:center;}
#campgn .contntDv2 a.Ln{}
#campgn .contntDv2 a.gP{ margin:0 0 0 35px;}
@media all and (max-width: 567px){
	#campgn .contntDv2 .LnDv hr{ display: block;}
	#campgn .contntDv2 a.gP{ margin:25px 0 0 0;}
}


#campgn .contntDv2 .dV .dv{width:850px; margin:0 auto; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 917px){
	#campgn .contntDv2 .dV .dv{width:100%;}
}
#campgn .contntDv2 .dV .ttx{width:100%; margin:0 0 25px; font-size:20px; line-height:21px; color:rgba(255,255,255,.9); font-family:Foliol; text-align:center;}

#campgn .contntDv2 .Li{position:relative; display:inline-block; width:calc(50% - 50px); color:rgba(255,255,255,1); padding:4px 5px 4px 35px; font-family:Arial; font-size:13px; vertical-align:top; border:0px solid;}
#campgn .contntDv2 .Li i{ position:absolute; left:15px; top:50%; transform:translateY(-50%);}
@media all and (max-width: 667px){
	#campgn .contntDv2 .Li{width:calc(100% - 1px); max-width:375px;}
}


/*DV - 3*/
#campgn .contntDv3{width:100%; min-height:175px; margin:0 auto; padding:45px 25px; background:linear-gradient(55deg, rgba(0,50,155,.1) 35%, rgba(0,50,155,.05));}
#campgn .contntDv3 .dV{ position:relative; width:1000px; min-height:95px; margin:0 auto; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 1067px){
	#campgn .contntDv3 .dV{width:100%;}
}
#campgn .contntDv3 .mg{display:; width:375px; min-height:345px; border-radius:5px; background-size:cover; background-position:center; background-repeat:no-repeat; border:5px solid rgba(255,255,255,1); }
#campgn .contntDv3 .dv{ position:absolute; width:calc(100% - 395px); font-size:14px; font-family:Verdana; right:0; top:50%;  transform:translateY(-50%);}
#campgn .contntDv3 .dv a{ font-family:Arial; text-decoration:underline; color:rgba(0,55,245,1);}
#campgn .contntDv3 .dv hr.rL{ height:15px;}
@media all and (max-width: 717px){
	#campgn .contntDv3 .dv{ position:relative; width:100%; margin:35px 0 0; top:0;  transform:translateY(0);}
}
@media all and (max-width: 667px){
	#campgn .contntDv3 .mg{display:; width:275px; min-height:245px;}
}
@media all and (max-width: 397px){
	#campgn .contntDv3 .mg{ margin-left:-22px;}
}


/*--- Campaign Footer*/
#campgn .footr{ position:relative; width:1000px; min-height:15px; margin:25px auto; border:0px solid rgba(204,204,204,1);}
@media all and (max-width: 1067px){
	#campgn .footr{width:100%; padding:0 25px;}
}

/*Profile*/
#campgn .footr .profL{position:relative; width:525px; margin:0 0 45px; border:0px solid;}
@media all and (max-width: 592px){
	#campgn .footr .profL{ width:100%;}
}
#campgn .footr .profL .mg{position:absolute; display:inline-block; width:75px; height:75px; border-radius:50%; left:0; top:calc(50% - 37px); background-color:rgba(255,255,255,1); background-position:center; background-size:70%; background-repeat:no-repeat; border:1px solid rgba(255,255,255,1); box-shadow:0 0 5px 2px rgba(225,225,225,.35);}
#campgn .footr .profL .dV{display:inline-block; width:calc(100% - 96px); min-height:95px; margin:0 0 0 95px; color:rgba(255,255,255,1); border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 417px){
	#campgn .footr .profL .mg{ top:5px; left:50%; transform:translateX(-50%);}
	#campgn .footr .profL .dV{ width:100%; margin:95px auto 0; text-align:center;}
}

#campgn .footr .profL .dV .nm{color:rgba(0,0,55,1); font-family:Arial; font-size:13px;}
#campgn .footr .profL .dV .profsn{text-transform:uppercase; font-size:13px; font-weight:bold; color:rgba(0,0,55,.75); margin:5px auto;}
@media all and (max-width: 417px){
	#campgn .footr .profL .dV .profsn{font-size:12px;}
}
#campgn .footr .socsDv{margin:15px 0 0;}
#campgn .footr .socsDv i{font-size:24px; color:rgba(255,255,255,.55); vertical-align:middle; cursor:pointer;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(78,210,255,1)), to(rgba(0,50,155,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
#campgn .footr .socsDv > i:hover{ color:rgba(255,255,255,1);}

#campgn .footr .wtsApp{position:relative; display:inline-block; margin:0 0 0 30px; vertical-align:middle; padding:4px 15px; background-color:rgba(18,140,126,1); color:rgba(255,255,255,1); border-radius:30px; cursor:pointer; box-shadow:0 0 3px 1px rgba(255,255,255,.35);}
#campgn .footr .wtsApp i{ position:absolute; left:-18px; top:calc(50% - 12px); font-weight:;}
#campgn .footr .wtsApp:hover{color:rgba(255,255,255,1); background-color:rgba(37,211,102,1);}
#campgn .footr .wtsApp:hover i{ color:rgba(255,255,255,1);}

#campgn .footr .cpr{ display:inline-block; width:100%; font-family:Arial; font-size:12px; color:rgba(0,0,55,1);}
#campgn .footr .cpr a{ color:rgba(0,50,155,1); text-decoration:underline;}
@media all and (max-width: 517px){
	#campgn .footr .cpr{ text-align:center;}
}




/***************************************************************************************/
/**###### - - - POP TEMPLATE
/***************************************************************************************/

#popDv {display:flex; flex-wrap: wrap; position:fixed;  top:0; left:0; height:100vh; width:100%; background-color:rgba(30,100,150,.9); overflow: hidden; overflow-y:auto; z-index:125;}
#popDv .contntDv { position:relative; width:calc(100% - 2px); margin:auto; min-height:150px; border:0px solid; text-align:center;}
/**/
#popDv .contntDv > .spnr{position:absolute; width:42px; height:42px; color:rgba(255,255,255,1); left:50%; top:50%; transform:translate(-50%,-50%);}
/*#popDv .closePop{display:inline-block; position:absolute; width:22px; height:22px; border-radius:50%; top:-8px; right:-8px; border:0px solid rgba(255,255,255,1); background-image:url(../../images/failed.png); background-size:cover; cursor:pointer; z-index:15;}*/









/**- - - MENU
/**#####################################################################################*||
#mnuDvWrp{ display:inline-block; width:100%; border:0px solid rgba(255,255,255,1);}
#mnuDvWrp hr{ width:100%; clear:both;}

#mnuDv{ position:relative; display:; width:1100px; min-height:20px; padding:15px 0; margin:0 auto; border:0px solid;}
@media all and (max-width: 1167px){
	#mnuDv{display:; width:calc(100% - 40px); padding:15px 20px;}
}

/*Logo||
#mnuDv .lgo{display:none; width:55px; margin:-2px 0 0 -5px; border:0px solid;}
@media all and (max-width: 717px){
	#mnuDv .lgo{display: inline-block; margin:-3px 0 0 -25px;}
}

/*Menu||
#mnuDv .menuLn{ position:relative; display:inline-block; width:; margin:3px 175px 0 0; border:0px solid; float:right; z-index:5;}
@media all and (max-width: 1167px){
	#mnuDv .menuLn{margin:2px 195px 0 0;}
}
@media all and (max-width: 767px){
	#mnuDv .menuLn{display:none;}
}
#mnuDv .menuLn > a{position:relative; display:block; width:; text-align:center; font-family:Roboto-Light; font-size:11px; letter-spacing:.55px; color:rgba(255,255,255,1); padding:10px 0; font-weight:bold; text-transform:uppercase; line-height:; cursor:pointer; float:left;}
#mnuDv .menuLn > a:nth-of-type(n+2){margin-left:25px;}
#mnuDv .menuLn > a:hover{color:rgba(215,235,245,1);}
#mnuDv .menuLn > a.cur{color:rgba(215,230,240,1);}
#mnuDv .menuLn i{position:absolute; margin:0 25px 0 3px; font-size:13px; top:40%; transform:translateY(-50%);}

/*SubMenu||
#mnuDv .menuLn .subDv{display:none; position:absolute; width:calc(100% + 10px); min-height:75px; top:20px; left:0; border:0px solid; z-index:10;}
#mnuDv .menuLn .subDv.opn{display:inline-block; top:-1px; opacity:1; z-index:5;}

#mnuDv .menuLn .subDv .dV{position:absolute; display:inline-block; width:245px; top:45px; left:0px; background-color:rgba(215,230,240,1); border-radius:0; opacity:1; border:0px solid;}
#mnuDv .menuLn .subDv .dV:before{ display:inline-block; content:''; position:absolute; top:-14px; left:calc(20% - 5px); border-left:10px solid rgba(255,255,255,0); border-right:10px solid rgba(255,255,255,0); border-bottom:15px solid rgba(215,230,240,1);}
@media all and (max-width: 717px){
	
}
#mnuDv .menuLn .subDv .dV span{display:inline-block; width:100%; font-family:Arial; font-size:10px; text-align:left; padding:10px; color:rgba(15,30,50,.75); background-color:rgba(215,230,240,1); cursor:default;}
#mnuDv .menuLn .subDv .dV span:nth-of-type(n+2){ border-top:1px solid rgba(115,130,140,.15);}
/*||
#mnuDv .menuLn .subDv .dV span.aLn{font-family:Roboto-Light; font-size:10px; color:rgba(255,255,255,.55); background-color:rgba(10,15,40,1); padding:15px; text-align:center; cursor:pointer;}
#mnuDv .menuLn .subDv .dV span.aLn:hover{color:rgba(255,255,255,1);}

/* - HAMBURGER Menu -||
#ambgrMnu{position:absolute; display:none; width:30px; height:15px; right:1px; top:26px; cursor:pointer; background-image:url(../images/menuIcon2.png); background-repeat:no-repeat; background-size:auto 100%; border:0px solid; z-index:5;}
@media all and (max-width: 767px){
	#ambgrMnu{display: inline-block;}
}
#ambgrMnu:after{content:''; display:inline-block; width:100%; height:45px; background-color:rgba(255,0,0,0); top:0;}

#ambgrMnu .contntDv{display:none; position:absolute; width:250px; min-height:75px; right:0px; top:45px; padding:10px 0; background-color:rgba(10,15,40,1); border:1px solid; z-index:5; cursor:pointer;}
#ambgrMnu .contntDv.opn{ display:inline-block;}
#ambgrMnu .contntDv:before{display:inline-block; content:''; position:absolute; top:-19.95px; right:3px; border-left:12px solid rgba(10,15,40,0); border-right:12px solid rgba(10,15,40,0); border-bottom:20px solid rgba(10,15,40,1);}

#ambgrMnu .contntDv > a{position:relative; display:block; width:calc(100% - 40px); text-align:left; font-family:Isonorm; font-size:13px; letter-spacing:-.25px; color:rgba(255,255,255,1); padding:10px 20px; font-weight:bold; text-transform:uppercase; line-height:; cursor:pointer;}
#ambgrMnu .contntDv > a:hover{color:rgba(215,230,240,1);}
#ambgrMnu .contntDv > a:nth-of-type(n+2){border-top:1px solid rgba(255,255,255,.25);}
#ambgrMnu .contntDv > a i{position:absolute; font-size:14px; margin:0 0 0 5px; top:calc(50% - 10px);}

#ambgrMnu .contntDv .subDv{display:none; position:absolute; width:100%; min-height:75px; top:35px; left:0; background-color:rgba(215,230,240,1); z-index:10; border:0px solid;}
#ambgrMnu .contntDv .subDv.opn{ display:inline-block;}
#ambgrMnu .contntDv span{ display:inline-block; width:100%; font-family:Arial; font-size:10px; text-align: right; padding:10px; color:rgba(15,30,50,.75); cursor:default;}
#ambgrMnu .contntDv span:nth-of-type(n+2){border-top:1px solid rgba(115,130,140,.15);}
/*||
#ambgrMnu .contntDv .subDv .dV span.aLn{ font-family:Roboto-Light; font-size:11px; color:rgba(215,230,240,1); background-color:rgba(10,15,40,1); padding:15px 10px; text-align:center; cursor:pointer; z-index:;}
#ambgrMnu .contntDv .subDv .dV span.aLn:hover{color:rgba(255,255,255,1);}

/*Request Quote||
.rqQuote{display:inline-block; width:150px; height:32px; padding:5px 40px 5px 12px; font-family:Roboto-Light; font-size:15px; color:rgba(15,30,50,1); line-height:22px; letter-spacing:-.25px; background-color:rgba(255,255,255,1); border-radius:30px; box-shadow:0px 0px 2px 2px rgba(215,235,245,.25); cursor:pointer; z-index:5;}
.rqQuote .icn{ display:inline-block; position:absolute; width:38px; height:28px; background-color:rgba(15,30,50,1); top:2px; right:2px; border-radius:30px; z-index:1;}
.rqQuote .icn i{position:absolute; color:rgba(255,255,255,1); font-size:18px; left:50%; top:50%; transform:translate(-50%,-50%);}

.rqQuote:hover{background-color:rgba(215,235,245,1); color:rgba(15,30,50,1);}
.rqQuote:hover .icn{background-color:rgba(255,255,255,1);}
.rqQuote:hover .icn i{color:rgba(15,30,50,1);}

#mnuDv .rqQuote{position:absolute; right:1px; top:18px;}
@media all and (max-width: 1167px){
	#mnuDv .rqQuote{right:20px;}
}
@media all and (max-width: 767px){
	#mnuDv .rqQuote{right:65px;}
}
@media all and (max-width: 467px){
	#mnuDv .rqQuote{display:none;}
}




/**--- HEADER
/**#####################################################################################*||

#headr{ position:relative; display:; width:1000px; min-height:425px; margin:55px auto 0; border:0px solid;}
@media all and (max-width: 1067px){
	#headr{display:; width:calc(100% - 40px); padding:35px 20px;}
}

#headr .abt{display:inline-block; width:575px; margin:15px 0 0 45px; border:0px solid;}

#headr .logoDv{display:inline-block; margin:0 0 15px;}
#headr .logoDv .lgo{ width:135px;}

#headr .rqQuote{display:none; position:absolute; width:152px; height:34px; right:auto; padding:6px 50px 6px 10px; left:50%; transform:translateX(-50%); top:-15px; letter-spacing:-.5px; }
#headr .rqQuote .icn{width:40px; height:30px;}

#headr .profsn{display:inline-block; width:100%; max-width:495px; font-weight:bold; margin:0 0 10px; text-transform:uppercase; font-family:Roboto-Light; font-size:18px; line-height:21px; color:rgba(215,235,245,1); border:0px solid;}

#headr .socs{ position:relative; display:inline-block; width:100%; margin:5px 0 0 -5px;}
#headr .socs [class^=ct-]{ position:relative; display:inline-block; width:100%; border:0px solid;}
#headr .socs [class^=ct-]:nth-of-type(n+2){ margin-top:12px;}
#headr .socs [class^=ct-] i,#headr .socs [class^=ct-] img{position:absolute; width:25px; font-size:22px; font-weight:bold; color:rgba(215,235,245,1); top:50%; transform:translateY(-50%);}
#headr .socs [class^=ct-] i{ left:2px;}
#headr .socs [class^=tx-]{ display:inline-block; width:calc(100% - 35px); margin:0 0 0 34px; font-family:Foliol; font-size:15px; letter-spacing:-.25px; word-spacing:-1px; color:rgba(255,255,255,1); border:0px solid;}

/*- - My Image - -||
#headr .mImg{ position:absolute; width:325px; height:475px; background-size:cover; right:55px; bottom:0px; border:0px solid rgba(255,255,255,1);}

@media all and (max-width: 867px){
	#headr .abt{width:calc(100% - 295px); margin-left:5px;}
	#headr .mImg{ right:25px;}
}
@media all and (max-width: 717px){
	#headr .logoDv{display:none;}
	#headr .abt{position:absolute; width:calc(100% + 40px); padding:25px 30px 65px; text-align:center; left:-20px; bottom:0px; margin:0 0 0 0; background-color:rgba(93,99,126,.9); z-index:2;}
	
	#headr .profsn{font-size:15px; line-height:18px; margin:0 0 10px;}
	
	#headr .socs [class^=ct-]{width:auto;}
	#headr .socs [class^=tx-]{display:inline-block; width:auto; border:0px solid;}
	
	#headr .mImg{width:355px; height:525px; left:50%; transform:translateX(-50%); right:0;}
}
@media all and (max-width: 467px){
	#headr .abt{padding:40px 25px 75px;}
	#headr .rqQuote{display:inline-block; border:0px solid;}
}



/**- - - HEADER BOTTOM - - -*||
#headrBtm{position:relative; width:100%; height:75px; top:-75px; border:0px solid rgba(255,0,0,1); z-index:5;}
#headrBtm:before{content:''; position:absolute; width:51%; height:100%; background-color:rgba(14,21,56,1); left:0px; top:30px; transform: skew(0deg, 5deg);}
#headrBtm:after{content:''; position:absolute; width:51%; height:100%; background-color:rgba(14,21,56,1); right:0px; top:30px; transform: skew(0deg, -5deg);}



/**#####################################################################################*||
/**###### - - - SERVICES
/**#####################################################################################*||

#svcsWrp{position:relative; width:100%; min-height:225px; padding:55px 0 95px; margin:-80px auto 0; background-color:rgba(14,21,56,1); background-image: linear-gradient(rgba(14,21,56,1) 25%, rgba(28,42,112,.55)); border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%;}



/*--- TITLE DIV ||
#svcsWrp #ttLDvWrp{position:relative; width:100%; border:0px solid rgba(255,0,0,1);}
#svcsWrp #ttLDvWrp hr{ clear:both;}

#svcsWrp #ttLDv{display:flex; width:1000px; margin:0 auto 55px; border:0px solid;}
@media all and (max-width: 1067px){
	#svcsWrp #ttLDv{display:; width:100%; padding:0 30px;}
}
#svcsWrp #ttLDv h1{position:relative; display:inline-block; width:335px; font-size:58px; font-family:Bri293; line-height:48px; font-weight:normal; color:rgba(215,245,255,1); letter-spacing:-3.5px; margin:0 0 0 25px; border:0px solid; float:left;}
#svcsWrp #ttLDv h1 .oPnqte{position:absolute; font-size:52px; left:-22px; top:-26px; font-style:italic;}

#svcsWrp #ttLDv .hnt{display:inline-block; width:455px; margin:auto auto auto 25px; font-size:18px; font-family:Foliol; line-height:20px; font-weight:normal; color:rgba(255,255,255,1); letter-spacing:-.5px; border:0px solid; z-index:;}
#svcsWrp #ttLDv .hnt > span{display:inline; position:relative; border:0px solid;}
#svcsWrp #ttLDv .hnt .cLsqte{position:; font-size:24px; right:-2px; top:15px; font-style:italic;}

@media all and (max-width: 887px){
	#svcsWrp #ttLDv{display: block;}
	#svcsWrp #ttLDv h1{width:calc(100% - 125px); min-width:425px; font-size:50px; line-height:48px; float:none;}
	#svcsWrp #ttLDv .hnt{display:inline-block; width:calc(100% - 75px); margin:15px 0 25px 95px; padding:0px; z-index:;}
}
@media all and (max-width: 567px){
	#svcsWrp #ttLDv h1{width:calc(100% - 25px); min-width:255px; font-size:46px; line-height:36px;}
	#svcsWrp #ttLDv .hnt{display:inline-block; width:calc(100% - 5px); font-size:17px; line-height:21px; margin:15px 0 25px 35px;}
}
@media all and (max-width: 467px){
	#svcsWrp #ttLDv h1{ margin:0 0 0 -38px;}
	#svcsWrp #ttLDv .hnt{display:block; width:calc(100% + 75px); margin-left:-35px;}
}

/*||
#svcLDv{display:inline-block; position:relative; width:100%; background-color:transparent; border:0px solid rgba(255,255,255,1);}

#svcLDv .ttL{ display:inline-block; width:75px; position:absolute; font-family:Bri293; font-size:16px; font-weight:bold; color:rgba(255,255,255,1); left:45px; top:calc(50% - 40px); border:0px solid;}
@media all and (max-width: 717px){
	#svcLDv{padding:75px 0; border:0px solid;}
	#svcLDv .ttL{left:25px; top:10px; font-size:18px; line-height:21px;}
}
@media all and (max-width: 567px){
	#svcLDv{padding:75px 0; border:0px solid;}
	#svcLDv .ttL{left:calc(50% + 65px); top:10px; font-size:18px; line-height:21px;}
}

/*---||
#servcLs{position:relative; width:1000px; min-height:225px; padding:0 30px; margin:0 auto;}
@media all and (max-width: 1067px){
	#servcLs{display:; width:calc(100% - 40px); padding:0 20px;}
}

/*---||
#servcLs .sldrDv{display:inline-block; width:calc(100% - 150px); margin:0 0 0 150px; background-color:transparent; border:0px solid;}
@media all and (max-width: 717px){
	#servcLs .sldrDv{ width:calc(100% - 50px); margin:0 0 0 50px;}
}
@media all and (max-width: 367px){
	#servcLs .sldrDv{ width:calc(100% + 20px); margin:0 0 0 -10px;}
}

#servcLs [class^=dv]{ display:inline-block; width:33.33%; min-width:155px; min-height:255px; padding:30px 20px; border:0px; border-left:1px solid rgba(255,255,255,.15); background-color:transparent;}

#servcLs [class^=dv] i{font-size:46px; color:rgba(220,235,245,1);}
#servcLs [class^=dv] h3{display:inline-block; width:100%; min-height:45px; margin:10px 0 0; font-family:JosefinSans-Light; font-size:14px; line-height:18px; text-transform:uppercase; color:rgba(215,245,255,1);}
#servcLs [class^=dv] span{ display:inline-block; width:100%; margin:5px 0; padding:0px; font-family:Tahoma; font-size:14px; line-height:16px; color:rgba(255,255,255,1);}

@media all and (max-width: 917px){
	#servcLs [class^=dv]{width:50%;}
	#servcLs [class^=dv] span{font-size:15px; line-height:18px;}
}
@media all and (max-width: 567px){
	#servcLs [class^=dv]{width:100%; min-height:195px;}
}

/*button||
#servcLs .flickity-button{left:-70px; top:calc(50% + 20px);}
#servcLs .flickity-button:focus {outline:none;}
#servcLs .flickity-button:disabled {background-color:transparent; color:rgba(255,255,255,1);}
#servcLs .flickity-prev-next-button {width:21px; height:21px; border-radius:50%;}
#servcLs .flickity-prev-next-button.previous {left:-105px}
#servcLs .flickity-prev-next-button.next{ right:;}

@media all and (max-width: 717px){
	#servcLs .flickity-button{left:calc(50% + 10px); top:calc(100% + 25px);}
	#servcLs .flickity-prev-next-button.previous {left:calc(50% - 30px);}
}





/**#####################################################################################*||
/**###### - - - TESTIMONIES 
/**#####################################################################################*||

#TstmWrp{width:100%; margin:0 auto; padding:175px 0 255px; background-color:rgba(255,255,255,1); border:0px solid;}

#Tstm{position:relative; display:; width:1000px; min-height:150px; margin:0 auto; border:0px solid;}
@media all and (max-width: 1067px){
	#Tstm{width:100%; padding:0 50px;}
}

#Tstm .TstmLyr{position:absolute; width:350px; height:295px; background-color:rgba(205,208,241,1); border:0px solid; top:-55px; left:55px; border-radius:50% 50% 0 50%; z-index:2;}
#Tstm .Tstm{ position:absolute; width:calc(100% - 245px); min-height:100px; border:0px solid; right:10px; top:0px; z-index:3; border:0px solid;}

#Tstm .TstmLyr .cLsqte{ position:absolute; font-size:72px; font-style:italic; color:rgba(10,15,40,1); top:calc(50% - 35px); left:calc(35% - 35px);}

#testm{display:; width:100%; min-height:150px; margin:0 auto;}

#testm .headg{ display:inline-block; width:100%; margin:0 0 25px; padding:3px 0 3px 5px; border:0px solid; border-left:3px solid rgba(215,235,245,1);}
#testm .headg h3{font-family:JosefinSans-Light; font-size:20px; line-height:20px; letter-spacing:-1.5px; color:rgba(10,15,40,1); text-transform:uppercase; margin:0;}
#testm .headg .tx{ font-size:11px; font-family:Foliol; text-transform:uppercase;}

#testm .testimonial{max-width:100%; border:0px solid rgba(255,0,0,1);}
.testimonial .description{min-height:95px; display:flex; border-radius:; border:0px solid rgba(0,255,0,1);}
.testimonial .description span{display:inline-block; width:100%; margin:auto;  padding:0 0 0 35px; font-family:Roboto-Light; font-size:14px; line-height:16px; color:rgba(10,15,40,1); text-align:center; border:0px solid rgba(0,0,255,1);}

.testimonial .title{}
.testimonial .title .nm{margin-bottom:-10px;}
/*||
.testimonial .pic{width:95px; height:95px; top:calc(50% - 5px); left:15px; box-shadow:0px 0px 3px 3px rgba(10,15,40,.15);}
/*.testimonial .pic:after{ content:'';}||
.testimonial .pic img{width:100%; height:auto; border-radius:50%;}
/*||
.testimonial .title{display:inline-block; width:100%; color:rgba(10,15,40,.75); margin:-75px 0 0; text-align:right; line-height:15px; border:0px solid; padding:0px;}
.testimonial .title .nm{ display:inline-block; width:100%; text-transform:capitalize; font-family:Tangerine-Regular; font-size:18px; letter-spacing:-1px; font-weight:;}
.testimonial .title .bs{text-transform:; font-family:Roboto-Thin; font-size:12px; font-weight: normal;}

@media all and (max-width: 767px){
	#Tstm .Tstm{ position:absolute; width:calc(100% - 155px); border:0px solid;}
	#Tstm .TstmLyr .cLsqte{top:15px; left:calc(100% - 75px);}
/*||
	.testimonial .description span{ text-align:right;}
}
@media all and (max-width: 617px){
	#Tstm .Tstm{position:absolute; width:calc(100% - 55px); left:25px;}
	.testimonial .description{width:calc(100% - 70px); margin:0 0 0 55px;}
}
@media all and (max-width: 517px){
	#Tstm .TstmLyr .cLsqte{top:-35px; left:calc(75% - 75px);}
}
@media all and (max-width: 417px){
	#Tstm .Tstm{position:absolute; width:calc(100% - 5px); left:15px;}
	#Tstm .TstmLyr .cLsqte{top:-35px; left:calc(50% - 75px);}
}





/**#####################################################################################*||
/**###### - - - SKILLS 
/**#####################################################################################*||

#SkLsWrp{position:relative; width:100%; margin:0 auto;  background-color:rgba(255,255,255,1); background-size:455px auto; background-repeat:no-repeat; background-position:right calc(100% + 35px);}
#SkLsWrp:after{position:absolute; content:''; width:100%; height:100%; background-color:rgba(248,249,253,.85); left:0; top:0; z-index:;}
@media all and (max-width: 717px){
	#SkLsWrp:after{background-color:rgba(242,242,244,.8);}
	}
@media all and (max-width: 517px){
	#SkLsWrp:after{background-color:rgba(242,242,244,.9);}
	}

#SkLs{position:relative; display:; width:1000px; min-height:150px; margin:0 auto; padding:225px 0 75px; border:0px solid;}
@media all and (max-width: 1067px){
	#SkLs{width:100%; padding:175px 0 75px;}
}

/*-------||
#SkLs .headg{ position:absolute; display:inline-block; width:195px; margin:0 0 25px; padding:10px 15px; top:55px; left:calc(50% - 107px); text-align:right; border:0px solid; border-right:5px solid rgba(215,235,245,1); z-index:1;}
#SkLs .headg h3{font-family:JosefinSans-Light; font-size:18px; line-height:16px; letter-spacing:-1px; color:rgba(10,15,40,1); text-transform:uppercase;}
#SkLs .headg .tx{ display:inline-block; width:100%; font-size:11px; font-family:Foliol; text-transform:uppercase; text-align:right;}
@media all and (max-width: 867px){
	#SkLs .headg{left:calc(50% - 85px);}
}

/*||
#SkLs .Skls{position:relative; display:inline-block; width:1000px; min-height:100px; text-align:center; margin:0 auto; border:0px solid; z-index:5;}
@media all and (max-width: 1067px){
	#SkLs .Skls{ width:100%;}
}

#SkLs .progress-bar{margin:0 0 15px 0;}
#SkLs .progress-bar:nth-of-type(n-2){margin-right:35px;}
#SkLs .progress-bar .percnt{font-family:Foliol; font-size:21px; color:#1a2767; letter-spacing:-1px;}
#SkLs .progress-bar .skl{font-family:Isonorm; font-size:15px; line-height:14px; word-spacing:-1px; letter-spacing:-.5px;}
@media all and (max-width: 617px){
	#SkLs .progress-bar:nth-of-type(2), #SkLs .progress-bar:nth-of-type(4), #SkLs .progress-bar:nth-of-type(5){margin-right:0px;}
}
@media all and (max-width: 417px){
	#SkLs .progress-bar:nth-of-type(1), #SkLs .progress-bar:nth-of-type(3){margin-right:10px;}
}


/*Brief Info||
#SkLs .nfo{position:relative; display:none;}
#SkLs hr{ display:none;}

#SkLs .nfo.cur{display:inline-block; position:absolute; min-width:205px; min-height:35px; padding:10px; bottom:calc(50% + 40px); left:calc(50% - 10px); background-color:rgba(35,45,105,1); font-style:normal; color:rgba(255,255,255,1); font-size:12px; font-family:Arial; line-height:15px; text-align:left; border-radius:5px 5px 5px 0; border:0px solid rgba(204,204,204,1); z-index:5;}
#SkLs .nfo.rgt{right:calc(50% - 10px); left:auto; border-radius:5px 5px 0 5px;}
#SkLs .nfo.ctr{left:50%; transform:translateX(-50%); right:auto; border-radius:5px 5px 5px 5px;}

#SkLs .nfo.cur:after{display:inline-block; content:''; position:absolute; bottom:-14.99px; left:5px; border-left:8px solid rgba(10,15,40,0); border-right:8px solid rgba(10,15,40,0); border-top:15px solid rgba(10,15,40,1);}
#SkLs .nfo.cur.rgt:after{left:auto; right:5px;}
#SkLs .nfo.cur.ctr:after{left:50%; transform:translateX(-50%); right:auto;}

#SkLs .nfo [class^='nfo-tx'].dF{opacity:0; animation:showNfoText 0.5s 1.2s linear forwards;}
#SkLs .nfo [class^='nfo-tx'].cur:after{ content:''; position:absolute; width:0; height:0; border-left:8px solid rgba(35,45,95,0); border-right:8px solid rgba(35,45,95,0); border-top:12px solid rgba(35,45,95,1); bottom:-9.99px; left:33px;}
@keyframes showNfoText{
  100%{opacity:1;}
}
@media all and (min-width: 818px) and (max-width: 967px){
	#SkLs .nfo.nb4{right:calc(50% - 10px); left:auto; border-radius:5px 5px 0 5px;}
	#SkLs .nfo.cur.nb4:after{left:auto; right:5px;}
/*-----||	
	#SkLs hr.nb4{ display: block;}
}
@media all and (max-width: 817px){
	#SkLs .nfo.nb3{right:calc(50% - 10px); left:auto; border-radius:5px 5px 0 5px;}
	#SkLs .nfo.cur.nb3:after{left:auto; right:5px;}
/*-----||	
	#SkLs hr.nb4{ display: none;}
	#SkLs hr.nb3{ display: block;}
}
@media all and (max-width: 617px){
	#SkLs .nfo.nb1, #SkLs .nfo.nb3, #SkLs .nfo.nb5{left:calc(50% - 10px); right:auto; border-radius:5px 5px 5px 0;}
	#SkLs .nfo.cur.nb1:after, #SkLs .nfo.cur.nb3:after, #SkLs .nfo.cur.nb5:after{left:5px; right:auto;}
/*-------||	
	#SkLs .nfo.nb2, #SkLs .nfo.nb4{right:calc(50% - 10px); left:auto; border-radius:5px 5px 0 5px;}
	#SkLs .nfo.cur.nb2:after, #SkLs .nfo.cur.nb4:after{left:auto; right:5px;}
	
	#SkLs hr.nb2, #SkLs hr.nb4{ display: block;}
	#SkLs hr.nb3{ display: none;}
/*-------||	
	#SkLs .nfo.cur.nb5{left:50%; right:auto; transform:translateX(-50%); border-radius:5px 5px 5px 5px;}
	#SkLs .nfo.cur.nb5:after{left:50%; transform:translateX(-50%); right:auto;}
}
/*
@media all and (max-width: 447px){
	#SkLs .nfo.nb1, #SkLs .nfo.nb2, #SkLs .nfo.nb3, #SkLs .nfo.nb4, #SkLs .nfo.nb5{left:50%; transform:translateX(-50%); right:auto; border-radius:5px 5px 5px 5px;}
	#SkLs .nfo.cur.nb1:after, #SkLs .nfo.cur.nb2:after, #SkLs .nfo.cur.nb3:after, #SkLs .nfo.cur.nb4:after, #SkLs .nfo.cur.nb5:after{left:50%; transform:translateX(-50%); right:auto;}
	
	#SkLs hr.nb1,#SkLs hr.nb2,#SkLs hr.nb3,#SkLs hr.nb4{display: block;}
}
||




/**#####################################################################################*||
/**###### - - - PORTFOLIO
/**#####################################################################################*||

#projtsDv{display:inline-block; width:100%; min-height:150px; margin:0 auto; background-image: url(../images/works.png); background-repeat:no-repeat; background-position:center; background-size:cover;}

#projtsDv .bgColrDv{display:inline-block; width:100%; min-height:250px; background-color:rgba(180,195,205,.96);}

#projtsDv .worksLs{position:relative; display:; width:1000px; min-height:250px; margin:5px auto; padding:55px 0 145px; border:0px solid;}
@media all and (max-width: 1067px){
	#projtsDv .worksLs{display:; width:calc(100% - 60px);}
}

#projtsDv .worksLs .hdr{display:inline-block; width:100%; text-align:center; margin:0 0 35px;}
#projtsDv .worksLs .hdr h3{font-size:21px; color:rgba(255,255,255,1);}
#projtsDv .worksLs .hdr .tx{ font-size:13px; text-transform:uppercase; color:rgba(255,255,255,1);}

#projtsDv .worksLs .wks{width:100%; text-align:center;}
#projtsDv .worksLs .wks img{ width:; border:5px solid rgba(255,255,255,1);}
@media all and (max-width: 867px){
	#projtsDv .worksLs .wks img{ width:calc(100% - 20px); height:auto;}
}

#projtsDv .worksLs .rqWks{position:absolute; display:inline-block; text-align:center; color:rgba(255,255,255,1); background-color:rgba(255,255,255,1); color:rgba(90,98,102,1); text-transform:uppercase; font-size:11px; font-weight:bold; padding:10px 35px; border:1px solid rgba(255,255,255,.1); left:50%; transform:translateX(-50%); bottom:55px; z-index:5; border-radius:30px; cursor:pointer;}





/**##################################################################*||
/**###### - - - FEATURES & Projects*||
/**##################################################################*||

#ftrsDv{ position:relative; display:; width:900px; min-height:50px; margin:75px auto 30px; padding:0; border:0px solid;}
#ftrsDv hr{width:100%; height:0px; clear:both;}
@media all and (max-width: 1117px){
	#ftrsDv{width:100%;}
}
/*||
#ftrsDv .headg{display:inline-block; width:100%; margin:0 0 45px; text-align:center;}
#ftrsDv .headg h3{font-family:JosefinSans-Light; font-size:16px; line-height:16px; letter-spacing:-1px; color:rgba(10,15,40,1); text-transform:uppercase;}
#ftrsDv .headg .tx{ display:inline-block; width:100%; font-size:11px; font-family:Foliol; text-transform:uppercase;}

/*||
#ftrsDv .mDv{width:600px; text-align:center; margin:0 auto; border:0px solid;}
@media all and (max-width: 717px){
	#ftrsDv .mDv{width:calc(100% - 200px); min-width:175px;}
}

#ftrsDv .mDv [class^=dv]{display:inline-block; width:calc(24.9% - 2px); min-width:150px; text-align:center; border:0px solid;}
#ftrsDv .mDv [class^=dv] img{ height:35px;}

/*button||
#ftrsDv .flickity-button{width:18px; height:18px; border:1px solid rgba(15,23,60,.15); border-radius:50%;}
#ftrsDv .flickity-button:focus {outline:none;}
#ftrsDv .flickity-button:disabled {background-color:transparent;}
#ftrsDv .flickity-prev-next-button {}
#ftrsDv .flickity-prev-next-button.previous {left:-18px;}
#ftrsDv .flickity-prev-next-button.next {right:-18px;}




/**#######################################################################*||
/**###### - - - FOOTER*||
/**#######################################################################*||

#footrWrp{position:relative; width:100%; margin:55px auto 0; background-image:url(../images/map.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
#footrWrp hr{width:100%; height:1px; clear:both;}
#footrWrp:before{content:''; position:absolute; width:100%; height:40px; border-radius:50%; background-color:rgba(255,255,255,1); left:0; top:-20px;}

#footrBg{padding:25px 20px; background-color:rgba(15,23,60,.9);}

#footr{display:; position: relative; width:1000px; margin:35px auto 15px; background-color:transparent; border:0px solid;}
@media all and (max-width: 1067px){
	#footr{display:; width:100%;}
}

#footr .abt{display:inline-block; position:relative; width:505px; min-height:10px; padding:5px 0 8px; border:0px solid rgba(255,255,255,1); float:left;}
#footr .socsDv{display:inline-block; position:; width:200px; min-height:20px; margin:30px 0 0; border:0px solid rgba(255,255,255,1); float:right;}
@media all and (max-width: 867px){
	#footr .abt{display:; width:calc(100% - 275px);}
}
@media all and (max-width: 667px){
	#footr .abt{display:; width:100%; padding:2px 0 5px;}
	#footr .socsDv{ position:relative; display:inline-block; width:100%; text-align:center; margin:15px 0 0; right:0; top:0; transform:translateY(0)}
}
@media all and (max-width: 467px){
	#footr .abt{ text-align:center;}
}

#footr .abt .mg{display:inline-block; position:absolute; width:60px; height:60px; border-radius:50%; box-shadow:0 0 2px 2px rgba(255,255,255,.75); background-color:rgba(255,255,255,1); left:0; top:50%; transform:translateY(-50%);}
#footr .abt .dts{display:inline-block; width:calc(100% - 80px); margin:0 0 0 75px;}

#footr .abt .dts .lgo{ width:105px; margin:0 0 -4px;}
#footr .abt .profsn{display:inline-block; width:100%; font-weight:bold; text-transform:uppercase; font-size:11px; line-height:12px; color:rgba(215,235,245,1); border:0px solid;}
@media all and (max-width: 467px){
	#footr .abt .mg{ left:calc(50% - 30px); top:-5px; transform:translateY(0);}
	#footr .abt .dts{width:100%; margin:0; padding: 75px 0 0;}
}

/*----||
#footr .socsDv{}
#footr .socsDv i{color:rgba(255,255,255,.75); font-size:18px; cursor:pointer;}
#footr .socsDv i:nth-of-type(n+2){ margin-left:20px;}
#footr .socsDv i:hover{ color:rgba(255,255,255,1);}

/*----||
#footr .footrLn{display:block; width:100%; margin:35px auto -10px; text-align:center; font-size:16px; color:rgba(255,255,255,1);}
#footr .footrLn a{color:rgba(255,255,255,1); font-size:13px; font-family:Foliol; padding-bottom:2px; letter-spacing:0px;}
#footr .footrLn a:hover{ border-bottom:1px solid rgba(255,255,255,1);}

/**--- Copyright*||
#footrBtm{position:relative; width:100%; min-height:15px; padding:15px 0; margin:0px; text-align:center; background-color:rgba(10,15,40,1);}
#footrBtm .cpr{ font-size:11px; font-family:Arial; color:rgba(255,255,255,1);}





/**###################################################################################*||
/**###### - - - REQUEST QUOTE PAGE
/**###################################################################################*||

#rqQte{ position:relative; width:650px; min-height:225px; margin:35px auto; padding:0 0 25px; border:0px solid; background-color:rgba(255,255,255,1); z-index:20;}
@media all and (max-width: 717px){
	#rqQte {width:calc(100% - 50px);}
}

#rqQte .hdr{ position:relative; display:inline-block; width:calc(100% - 30px); padding:25px 15px; text-align:left; border-bottom:1px solid rgba(35,55,110,0); background-color:rgba(185,205,215,1);}
#rqQte .hdr .icn{display:inline-block; position:absolute; left:15px; top:40px; background-color:rgba(255,255,255,1); border:0px solid;}
#rqQte .hdr .icn:before{ position:absolute; content:''; width:0; height:0; border-left:15px solid rgba(185,205,215,0); border-top:15px solid rgba(185,205,215,1); right:0; z-index:5;}
#rqQte .hdr .icn i{font-size:65px; color:rgba(35,55,110,1);}
#rqQte .hdr .spn{display:inline-block; width:calc(100% - 90px); padding:0 0 0 45px; font-family:Ariallgt; font-size:24px; font-weight:; text-align:center;}
#rqQte .hdr .closePop{ display:inline-block; position:absolute; width:28px; height:28px; border-radius:50%; top:-8px; right:-8px; border:0px solid rgba(255,255,255,1); background-image:url(../images/failed.png); background-size:cover; cursor:pointer; z-index:15;}
@media all and (max-width: 467px){
	#rqQte .hdr .icn{top:25px; left:10px;}
	#rqQte .hdr .spn{font-size:21px; text-align:center;}
}
@media all and (max-width: 417px){
	#rqQte .hdr .spn{width:calc(100% - 50px); font-size:16px; text-align: right;}
}

#rqQte .fmdata{width:calc(100% - 120px); text-align:left; margin:15px auto 10px; border:0px solid;}
@media all and (max-width: 517px){
	#rqQte .fmdata{width:calc(100% - 75px); margin-top:25px;}
}
@media all and (max-width: 467px){
	#rqQte .fmdata{width:calc(100% - 30px);}
}

#rqQte .fmdata .lb{ display:inline-block; width:calc(100% - 20px); font-family:Ariallgt; font-size:16px; font-weight:bold; letter-spacing:-.15px; padding-left:10px; margin:10px 0 -2px;}
#rqQte .fmdata input[type]:not([type=submit]){height:38px; font-size:16px; border-width:0 0 1px; border-radius:0;}
#rqQte .fmdata select, #rqQte .fmdata textarea{ font-size:16px; margin-bottom:15px; border-width:0 0 1px; border-radius:0;}
#rqQte .fmdata input[type]:not([type=submit]):focus, #rqQte .fmdata textarea:focus{box-shadow:0px 3px 2px -3px rgba(95,115,175,.95);}

#rqQte .fmdata .inp{margin-bottom:15px; border:0px solid;}
#rqQte .fmdata .inp input[type]:not([type=submit]){padding-left:28px;}
#rqQte .fmdata .inp i{ position:absolute; font-size:21px; color:rgba(185,205,215,1); left:-3px; top:48%; transform:translateY(-50%); z-index:5;}

#rqQte .fmdata .grpOptn{ display:inline-block; margin:3px 0 10px; border:0px solid;}
#rqQte .fmdata .grpOptn [class^=ico]{ position:absolute; width:18px; height:18px; left:-10px;} 
#rqQte .fmdata .grpOptn [class^=optn]{display:inline-block; position:relative; height:18px; line-height:20px; font-size:14px; font-family:Roboto-Light; margin:0 10px 5px; padding:0 0 0 12px; border:0px solid;}

#rqQte .fmdata .qteBtn{display:block; width:200px; margin:55px auto 0; z-index:5;}
#rqQte .fmdata .qteBtn .btn{height:40px; }
#rqQte .fmdata .qteBtn .btn + .spnr{ width:18px; height:18px; left:50%; top:42%; transform:translate(-50%,-50%);}

#rqQte .btmRL{ position:absolute; display:block; width:100%; height:105px; bottom:0px; background-color:rgba(185,205,215,1); z-index:0;}

/*||
#rqQte .fmdata ::-webkit-input-placeholder { /* WebKit, Blink, Edge ||color:rgba(185,205,215,1);}
#rqQte .fmdata :-moz-placeholder { /* Mozilla Firefox 4 to 18 ||color:rgba(185,205,215,1); opacity:1;}
#rqQte .fmdata ::-moz-placeholder { /* Mozilla Firefox 19+ ||color:rgba(185,205,215,1); opacity:1;}
#rqQte .fmdata :-ms-input-placeholder { /* Internet Explorer 10-11 ||color:rgba(185,205,215,1);}
#rqQte .fmdata ::-ms-input-placeholder { /* Microsoft Edge ||color:rgba(185,205,215,1);}
#rqQte .fmdata ::placeholder { /* Most modern browsers support this now. ||color:rgba(185,205,215,1); font-size:14px; font-family:;}




/**####################################################################*||
/**###### - - - EMAIL VERIFICATION
/**####################################################################*||
#verifWrap {display:table; position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(5,20,85,.25);}
#verifWrap .centrDv {display: table-cell; vertical-align: middle;}
#verifWrap .contntDv { margin:35px auto; width:400px; min-height:100px; }
@media all and (max-width: 467px){
#verifWrap .contntDv {width:calc(100% - 30px);}
}

#verifWrap .logoDv{ text-align:center;}
#verifWrap .mgLogo{ width:125px; height:auto;}

#verifWrap .conTnt{ position:relative; min-height:50px; padding:35px 15px 80px; background-color:rgba(255,255,255,1); box-shadow:1px 1px 3px 3px rgba(255,255,255,.25); border-radius:5px; border:0px solid;}

#verifWrap .conTnt .dV{ padding-left:55px; position:relative;}
#verifWrap .conTnt .dV i{ font-size:36px; position:absolute; left:1px; top:0px; color:rgba(120,125,175,1);}
#verifWrap .conTnt .mL{ display: inline-block; width:100%; text-align: right; font-family:ariallgt; font-size:20px; border:0px solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#verifWrap .conTnt .tx{ display: inline-block; width:100%; text-align: right; font-family:ariallgt; font-size:12px; margin:5px 0 0;}
#verifWrap .conTnt .tx span.scs{ color:rgba(0,75,0,1);}
#verifWrap .conTnt .tx span.fld{ color:rgba(75,0,0,1);}

#verifWrap .conTnt > .spnr{position:absolute; width:35px; height:35px; color:rgba(5,20,85,.25); left:calc(50% - 17px); bottom:25px;}
#verifWrap .conTnt > [class ^='imgsts-']{ display:none; position:absolute; width:35px; left:calc(50% - 17px); bottom:25px;}


#verifWrap .copr{width:100%; text-align: center; color:rgba(255,255,255,1); margin:20px 0 0; font-size:13px; font-family:Foliol; letter-spacing:-.5px;}
#verifWrap .copr .cp-yr{ font-size:12px;}




/**#################################*||
/**###### - - - TOS - Terms of Services
/**#################################*||
#tos{}
#tos hr{display:inline-block; width:100%; height:0px; margin:0px; padding:0; clear:both;}
/*||
#tos #hdr{position:fixed; width:100%; background-color:rgba(100,105,155,1); border-bottom:35px solid rgba(255,255,255,1);}
#tos #hdr .dv{ position:relative; width:1000px; min-height:35px; margin:0 auto; padding:15px 0; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 1067px){
#tos #hdr .dv{width:calc(100% - 40px); padding:15px 20px;}
}
#tos #hdr .dv .logo{height:35px;}

#tos #hdr .updLs{ position:absolute; color:rgba(120,125,175,1); left:0; bottom:-26px; font-family:Foliol; font-size:13px;}
@media all and (max-width: 1067px){
	#tos #hdr .updLs{ left:20px;}
}
/*||
#tos #hdr .loc{position:relative; display:inline-block; width:100%; border:0px solid rgba(255,255,255,1);}
#tos #hdr .loc a{display:inline-block; font-family:arial; font-size:13px; color:rgba(255,255,255,1);}
#tos #hdr .loc span{position:absolute; display:inline-block; width:180px; vertical-align:middle; color:rgba(255,235,235,.85); font-family:Bauhausl; letter-spacing:-1.5px; font-size:21px; left:50%; top:50%; transform:translate(-50%,-50%); font-weight:normal; text-transform: capitalize; text-align:center; border:0px solid;}
/******||
@media all and (max-width: 517px){
#tos #hdr .loc span{left:100%; top:50%; transform:translate(-100%,-50%); font-size:21px; text-align:right;}
}
/**||
#tos .contnt{width:1000px; min-height:35px; margin:0 auto; padding:150px 0 35px; font-size:14px; color:rgba(255,255,255,1); border:0px solid rgba(255,255,255,1); text-align:; line-height:16px;}
@media all and (max-width: 1067px){
#tos .contnt{ width:calc(100% - 40px); padding:150px 20px 35px;}
}
/*||
#tos .contnt .sectn{ display:inline-block; width:100%; font-size:21px; margin:0 0 8px; font-family:Foliol; letter-spacing:-.5px; color:rgba(255,255,255,1);}
#tos .contnt .ttl{ display:inline-block; width:100%; font-size:14px; margin:0 0 8px; font-family:arial; letter-spacing:-.5px; color:rgba(255,255,255,1);}
/*||
#tos .contnt .tx-ar{ font-family:arial; font-size:13px;}
#tos .contnt ul{ font-family:arial; font-size:13px;} 
/*||
#tos .contnt hr.r20{ height:20px;}
#tos .contnt hr.r5{ height:1px; margin:0; padding:0; border:0px solid;}



/**#######################################################*||
/**###### - - - POP TEMPLATE
/**#######################################################*||
#popDv {display:flex; flex-wrap: wrap; position:fixed;  top:0; left:0; height:100vh; width:100%; background-color:rgba(24,49,83,.9); overflow: hidden; overflow-y:auto; z-index:125;}
#popDv .contntDv { position:relative; width:calc(100% - 2px); margin:auto; min-height:150px; border:0px solid; text-align:center;}
/*||
#popDv .contntDv > .spnr{position:absolute; width:42px; height:42px; color:rgba(255,255,255,1); left:50%; top:50%; transform:translate(-50%,-50%);}
/*#popDv .closePop{ display:inline-block; position:absolute; width:22px; height:22px; border-radius:50%; top:-8px; right:-8px; border:0px solid rgba(255,255,255,1); background-image:url(../../images/failed.png); background-size:cover; cursor:pointer; z-index:15;}||


/**#######################################################*||
/**###### - - - SIDEBAR POP
/**#######################################################*||
#sideDvBg {position:fixed;  top:0; left:0; height:100vh; width:100%; background-color:rgba(140,155,140,.9); overflow: hidden; overflow-y:auto; z-index:125;}
#sideDvBg > .spnnr{position:absolute; width:40px; height:40px; color:rgba(255,255,255,1); left:50%; top:47%; transform:translate(-50%,-50%); z-index:5;}

#sideDvBg .wb{position:absolute; left:125px; top:50%; transform:translateY(-50%);}
#sideDvBg .wb .lgo{ width:105px;}
#sideDvBg .wb .slg{ font-family:Foliol; font-size:14px; color:rgba(135,225,35,1);}
@media all and (max-width: 917px){
	#sideDvBg .wb{ left:25px;}
}
@media all and (max-width: 717px){
	#sideDvBg .wb{ display:none;}
}

#sideDvBg .contntDv {position: absolute; width:450px; height:100vh; background-color:rgba(255,255,255,1); right:-750px; top:0; overflow:hidden; overflow-y:auto; border:0px solid;}
#sideDvBg .contntDv.opn{ right:0;}
@media all and (max-width: 567px){
	#sideDvBg .contntDv {width:calc(100% - 45px);}
}
#sideDvBg .contntDv > .spnr{position:absolute; width:30px; height:30px; color:rgba(175,225,55,1); left:50%; top:50%; transform:translate(-50%,-50%); z-index:5;}
#sideDvBg .contntDv .closePop{display:inline-block; position:fixed; width:25px; height:25px; background-color:rgba(245,0,0,.75); border-radius:0 0 0 50%; top:0px; right:0px; border:0px solid rgba(255,255,255,1); cursor:pointer; z-index:15;}
#sideDvBg .contntDv .closePop i{ position:absolute; font-size:14px; top:50%; left:55%; transform:translate(-50%,-50%); color:rgba(255,255,255,1);}

#sideDvBg .contntDv .hdr{ position:fixed; width:420px; height:15px; padding:25px 15px; top:0; right:-750px; background-color:rgba(255,255,255,1); font-family:Foliol; font-size:18px; letter-spacing:-.5px; color:rgba(95,145,35,1); border-bottom:15px solid inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index:10;}
#sideDvBg .contntDv .hdr.opn{ right:0;}
#sideDvBg .contntDv .hdr:after{ display:inline-block; content:""; position:absolute; width:100%; height:1px; left:0; bottom:0px; background-color:rgba(175,225,55,1);}
@media all and (max-width: 567px){
	#sideDvBg .contntDv .hdr {width:calc(100% - 105px);}
}

*/