@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,600,700');
/* CSS Document 
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

:root {
	--c1:#D53C40;
	--c2:#3950A1;
	--c3:#D9D9D9;
	--c4:#FFFFFF;
	--c5:#F2CB07;
	--c6:#555555;	
	--c7:#0A2C4B;
	--c8:#000000;
	--c9:#79030F;
   --c10:#12304C;
}

* {box-sizing:border-box;}
input, textarea {font-family: 'Open Sans', sans-serif; font-size:16px; display:inline-block;}
body {width:100%; height:auto; margin:0 auto; padding:0;font-family: 'Open Sans', sans-serif;}

img {border:thin none #0066FF; max-width:100%;}

p, h1, h2, h3, h4, h5, h6, ul, li {
margin:0px;
padding:0px;
list-style-type:none;
}

a {text-decoration:none !important;}

.magic {clear:both; padding:0px; margin:0px;  height:0px; width:0px;}
.page {width:1200px; height:auto; margin:0 auto; font-family: 'Open Sans', sans-serif;
position:relative; z-index:3; }


.homPg { position:relative;}
	.boxSetA { }
		.boxSetA .rslides li {min-height:640px; height:100vh; }
	.boxSetB {    
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;

background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
	}

header {}
.hdrPg {padding:25px 30px 0; position:relative;}

.lgoBx {float:left; padding:10px 0 0;}
.lgoBx a {}

.rgTbx {float:right ; padding:0px 0 0 0;}
.eml {
	color:var(--c7); font-size:14px; font-weight:600; padding:0 0 0 20px; background:url(../images/4.png) no-repeat center left; display:inline-block; line-height:40px;}
.srcBx {display:inline-block; margin:0 6px; position:relative;}
.trcin {display:inline-block; height:40px; line-height:40px; border:2px solid rgba(0,0,0,0.1); padding:0 10px; border-radius:2px; background:rgba(255,255,255,0.6); width:100%; box-sizing:border-box; outline:none; color: #000;
}
.slcStyl {width:150px; padding:0 2px;}

.trcin:focus {border:2px solid rgba(0,0,0,0.3);}
.trcin::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:var(--c6);
}
.trcin::-moz-placeholder { /* Firefox 19+ */
color:var(--c6);
}
.trcin:-ms-input-placeholder { /* IE 10+ */
color:var(--c6);
}
.trcin:-moz-placeholder { /* Firefox 18- */
color:var(--c6);
}


.srch{position:absolute; width:40px; right:0; top:0; height:40px;background:url(../images/5.png) no-repeat center center;  border:0; cursor:pointer; }

.btnPnlA {display:inline-block; }

.bttn {display:inline-block;height:40px;line-height:40px;border-radius:2px;padding:0 22px;font-weight:600;}
.btna {color:var(--c7); margin:0 0px 0 0; background:rgba(255, 255, 255, 0.35);}
.btna:hover {background:var(--c5);}
.btnb {background:var(--c7);color:#fff;padding: 0 22px;width: 100%;text-align: center;}
.btnb:hover {background:var(--c5);color:#fff;}

.mnuPnl {width:100%; clear:both; padding:25px 0 0 0; text-align:right;}
.mnuLst {}
.mnuLst ul {font-size:0;}
.mnuLst>ul>li { padding:0 40px 0 0; display:inline-block ; border-bottom:1px solid rgba(10,44,75,0.2); position:relative;}
.mnuLst>ul>li:last-child {padding:0;}
.mnuLst>ul>li>a {color:var(--c8); font-size:14px; padding:12px 0 10px; display:inline-block; border-bottom:2px solid rgba(0,0,0,0); font-weight: bold;}
.mnuLst>ul>li:hover>a, .mnuLst>ul>li.clct>a {border-bottom:2px solid var(--c2);}

.mnuLst ul li ul {visibility:hidden; position:absolute; text-align:left; top:44px; width:120px; 
background:rgba(255,255,255,1); z-index:9999;}
.mnuLst ul li:hover ul {visibility:visible;}
.mnuLst ul li ul a {color:var(--c8);    font-size: 14px;
    padding: 10px 10px; border-bottom:1px solid rgba(10,44,75,0.2);
    display: inline-block;
    box-sizing: border-box;
    width: 100%;}
.mnuLst ul li ul a:hover {background:rgba(255,255,255,0.4);}


.mnuLst ul li ul.mgmnu { width:400px;  }
.mnuLst ul li ul.mnurgt {right:0; width:600px; }
.mnuLst ul li ul.mgmnu li {display:inline-block; width:100%;}

.mnClm {width:33.3333%;}
.mnClm2 {width:50%;}
.mnClm, .mnClm2 { float:left; box-sizing:border-box; padding:12px;
min-height:141px; border-right:0px solid rgba(10,44,75,0.2);}
.mnClm:last-child, .mnClm2:last-child  {border:0;}
.mnClm h6, .mnClm2 h6 {color: var(--c8); padding:0 0 12px 0; font-size: 14px; font-weight:bold;}

.mnulnk {}
.mnuLst ul li ul.mgmnu a {border:0; padding:5px 0px;}
.mnuLst ul li ul.mgmnu a:hover {background:none; color:var(--c7);}

.mnuLst ul li a {position:relative;}
.mnuLst ul li i {position:relative; right:0; top:1px; font-size:15px;}












.boxA {}
.boxA .page {}

.setA {}

.linA {text-align:center; padding:0px 0 25px 0;  }
.linA img {}

.linB {text-align:center; padding:140px 0 140px 0; }
.linB img {}

.blkBxA {max-width:1000px; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.5); border-radius:4px; margin:0 auto; padding:15px 15px;}


.gapA {}
.blkBxA label {font-size:14px; color:#fff; padding:0 0 8px 0; display:inline-block;}

.infldA {width:100%; font-size:20px; border:0; border-bottom:1px solid #fff; background:none;line-height:50px; height:50px; color:#fff; outline:0;}
.infldA:focus {border-color:var(--c5);}
.infldA::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.infldA::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.infldA:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
.infldA:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

.btnc {width:100%; text-align:center; border:0; outline:0; border-radius:4px; background:var(--c5); font-size:14px; color:var(--c7); font-weight:700; cursor:pointer;
margin:37px 0 0 0;}
.btnc:hover {background:var(--c2); color:var(--c4);}

.clm4a, .clm4b, .clm4c, .clm4d {float:left;}
.clm4a {width:37%;}
	.gapA {padding:0 10px;}
.clm4b {width:37%;}
	.gapB {padding:0 10px;}
.clm4c {width:24%;}
	.gapC {padding:0 10px;}
.clm4d {width:26%;}
	.gapD {padding:0 10px; }
	

	


.modal-backdrop {
display:none;
}

.vdoBx {height:auto; position:relative; overflow:hidden;}
/*background:url(../images/bg2.png) no-repeat center center; background-size:cover;*/
#myVideo {    width: 100%; }
	.vdoBx:after {position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.2); display:block; content:"";}
.vdoBx .page {}

.hdLnA {    padding: 40px 0 20px 0;
    font-size: 48px;
    text-align: center;
    color: var(--c7);
    font-family: 'Montserrat', sans-serif;
    position: relative;
    z-index: 3;
    top: 0;
    width: 100%;
    left: 0;}

.vdohld {position:relative;}
.vdoLnk { background:url(../images/vdo.png) no-repeat center center rgba(0,0,0,0); position:absolute; bottom:0; top:0; left:0; width:100%; padding:13px 0 17px; text-align:center; font-size:22px; color:#fff;   z-index: 3; 
}
.vdoLnk:after {content:""; position:absolute; top:0; left:0; bottom:0; right:0;
background:url(../images/play-button.svg) no-repeat center center rgba(0,0,0,0); background-size:150px; opacity:0.2; z-index:4;}
.vdoLnk img {display:inline-block;vertical-align:middle; margin:0 10px 0 0;}
.vdoLnk span {display:inline-block; vertical-align:middle;}
.vdoLnk:hover:after { opacity: 0.5;}





.boxB {padding:100px 0;
    position: relative;
    background: url(../images/bg3.png) no-repeat center center;
    background-size: cover;}
.boxB:after {background:var(--c7); position:absolute; content:""; z-index:1; top:0; left:0; width:100%;bottom:0; opacity:0.3;}	
.boxB .page {text-align:center;}

.linC {color:#fff; font-size:48px;font-family: 'Montserrat', sans-serif;}
.linC span {background:var(--c5); display:inline-block; height:12px; width:12px; border-radius:50%; vertical-align:middle;}

.linD {color:var(--c5); font-size:38px; font-weight:700; padding:12px 0 20px;}
.linD span {color:var(--c1); font-size:46px; vertical-align:top;}

.btnPnlB {}
.btnd {background:rgba(255,255,255,0.8); height:54px; line-height:54px; font-size:16px; font-weight:600; padding:0 40px; color:var(--c7);}
.btnd:hover {background:rgba(255,255,255,0.9);}



.boxC {padding:80px 0;}
.boxC .page {position:relative;}

.clm3bx {width:33.3333%; float:left;  border-left:1px solid #D9D9D9;}

.clm3bx:first-child {border:0;}
.gapE {padding:0 40px; text-align:center;}

.icnBx {width:82px; height:82px; border-radius:50%; margin:0 auto 30px; background:var(--c9); }
.rnd {}
.rnd img {}


.linE {font-size:18px; color:var(--c7); padding:0 0 20px 0;}
.linF {font-size:14px; color:var(--c6); line-height:22px;}





.boxD {    background: #f2f4f6;}
.boxD .page {}

.linG {font-family:'Montserrat', sans-serif; text-align:center; padding:30px 0; font-size:40px; color:var(--c2);}

.imgBxA {text-align:center;}
.imgBxA img {}

.imgBxB {text-align:center; padding:60px 0;}
.imgBxB img {}






.boxE {background:#F2F4F6; padding:50px 0;}
.boxE .page {}

.hdLnB {text-align:center; color:var(--c7);font-family:'Montserrat', sans-serif; font-size:40px; padding:0 0 25px 0; margin:0 0 20px 0; position:relative;}
.hdLnB:after {width:10px; height:10px; display:block; content:""; position:absolute; left:50%; margin:0 0 0 -5px; border-radius:50%; background:var(--c5); bottom:0;}


.tsLst {display:inline-block; width:100%;}

.clm3A {width:100%;}
.gapF { padding:0 25px;}

.setB {position:relative; padding:16px 0 16px 0px; margin:0 0 0px 0; }
.clImg {width:80px; height:80px; position:relative; border-radius:50%; overflow:hidden;}
.clImg img {}

.linH {font-size:20px; font-weight:600; color:#414042;}
.linI {font-size:16px; color:var(--c7); padding:0px 0 0 0;}
.linJ {font-size:14px;color:#414042;  line-height:24px;}




.boxF {    padding:60px 0;
    position: relative;
    background: url(../images/bg5.png) no-repeat center center;
    background-size: cover;}
.boxF:after {background:rgba(255,255,255,0.8);    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;}
.boxF .page {}

.lgoLst {text-align:center;}
.lgoLst img {    display: inline-block;
    vertical-align: middle;
    margin: 20px 24px;}




.boxG {padding:80px 0; background:#F2F4F6; position:relative;}
	.bgBx {position:absolute; right:50%; left:0; top:0; bottom:0; z-index:1; background:url(../images/bg6.png) no-repeat center center; background-size: cover;}
	.bgBx:after {    background:var(--c10);
    position: absolute;
    content: "";
	opacity:0.7;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;}
.boxG .page {}

.setC {width:50%; float:left;}
	.gapG {}
	
.setD {width:50%; float:right;}
	.gapH {padding:0 0 0 80px;}
	


.hdLnC {font-family:'Montserrat', sans-serif; font-size:36px;margin:0 0 10px 0; color:#fff;}

.setE {}
.hdLnD {color:var(--c5); font-size:24px; font-weight:600; margin:0 0 8px 0;}

ul.txtSet {display:inline-block; width:100%;}
ul.txtSet li {width:50%; float:left;}

.linK {color:#fff; font-size:16px; font-weight:600;font-family:'Montserrat', sans-serif;}
.linL {color:rgba(255,255,255,0.85); font-size:14px; margin:4px 0 16px 0;}
.linO { font-size:14px; color:#fff;}

.setF {}

.setG {}



.frmBx {}

.hdLnE {font-family:'Montserrat', sans-serif; font-size:36px; margin:0 0 20px 0;}

.frmRw { margin:0 0 18px 0;}
.infldB, .form-control {width:100%; line-height:44px;  border-bottom:1px solid #D9D9D9; outline:0; background:none; padding:0;

border-top:0 !important;
border-left:0 !important;
border-right:0 !important;
    border-radius: 0;
    box-shadow: none;}
.infldB:focus {border-bottom-color:var(--c2);}
textarea {min-height:110px;}

.btnPnlC {padding:25px 0 0 0;}
.btne {border:0; line-height:54px; height:54px; background:var(--c7); color:#fff; width:186px;outline:0; cursor:pointer; }
.btne:hover {background:var(--c8);}





footer {padding:60px 0 0 0; position:relative;background:url(../images/bg7.png) no-repeat center center; background-size: cover;}
footer:after {    background: #12304C;
    position: absolute;
    content: "";
    opacity: 0.8;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;}
footer .page {}

.ftrC {width:25%; float:left;}
.ftrCa {}
 .gapI {}

.ftrCb {}
 .gapJ {}
 
.ftrCc {}
 .gapK {} 
 
.ftrCd {}
 .gapL {padding:0 0 0 40px;}
 
   
.ftLgo {padding:0 0 20px 0;}
.ftLgo img {max-width:170px;}

.ftMnu {}
.ftMnu ul {}
.ftMnu ul li { padding:0 0 8px 0;}
.ftMnu ul li a {font-size:14px; color:rgba(255,255,255,0.8);}
.ftMnu ul li a:hover {color:var(--c5);}

.hdLnF {padding:0 0 20px 0;
	color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;}


.soc {}
.soc a { margin:0 16px 0 0;}
.soc a i {color:#fff; font-size:22px;}


.ftlgo2 {margin:25px 0 0 0;  padding:10px 0 10px 0; border-top:1px solid rgba(255,255,255,0.3);}
.ftlgo2 a {margin:0 0 10px 0; display: inline-block;}
.ftlgo2>img {max-width:60px; border-radius:2px; margin:0 10px 10px 0;}

.linM {font-size:14px; color:#fff;}
.linM a {color:var(--c5);}
.linM a:hover {color:var(--c3);}

.cpyLne {padding:10px 0; border-top:1px solid rgba(255,255,255,0.3); margin:40px 0 0 0;}

.linN {font-size:12px; text-align:center; padding:9.5px 0; color:rgba(255,255,255,0.8); float:left;}
.linN img {vertical-align:middle; display:inline-block; margin:0 0px 0 0; width:140px; opacity:0.8;}

.thnk {padding:0px 0 0; float:right; color:rgba(255,255,255,0.8)}
.thnk img {vertical-align:top; display:inline-block; margin:0 6px 0 0;}
.thnk span {vertical-align: bottom;
    display: inline-block;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    position: relative;
    top: -6px;}
.thnk a {font-weight: 500;color:rgba(255,255,255,0.8);}

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

/*--------989800009898------------*/
.inPg { position:relative; z-index:5;}
.inPg:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(253,253,253,0.8) 1%, rgba(18,48,76,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(253,253,253,0.8) 1%,rgba(18,48,76,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(253,253,253,0.8) 1%,rgba(18,48,76,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#3312304c',GradientType=0 ); /* IE6-9 */}

.hiwPg {background:url(../images/bg8.png) no-repeat center center; background-size:cover;}
.fetPg {background:url(../images/bg9.png) no-repeat center center; background-size:cover;}
.cnPg {background:url(../images/bg10.png) no-repeat center center; background-size:cover;} 
.blgPg {background:url(../images/bg11.png) no-repeat center center; background-size:cover;} 
.nwsPg {background:url(../images/bg12.png) no-repeat center center; background-size:cover;} 

.boxSetC {position:relative; z-index:2;}
.pgHdr {text-align:center;}
.pgHdr .page {padding:90px 0;}
.hdrLne {font-family: 'Montserrat', sans-serif; font-size:40px; font-weight:700; color:#fff; background:var(--c2); display:inline-block; padding:0 40px; }




.pgBxA {padding:70px 0; }
	.imgHldr {position:relative; z-index:1;}
.pgBxA .page {position:relative;}

.txtClm {max-width:380px;
position: absolute;
    left: 0;
    top: 0;}

.linP {color:var(--c10); font-size:40px; font-family: 'Montserrat', sans-serif; font-weight:700;}

.linQ {padding:18px 0 0 0;}
.linQ li {font-size:20px; color:#707070;  display:inline-block; width:100%; padding:13px 0 13px;}
.linQ li span {display:inline-block; width:50px; height:50px;  position:absolute; left:0; top:0; text-align:center; background:var(--c2); border-radius:50%; color:#fff; font-size:24px; font-weight:600; line-height:50px;}

.gapM {position:relative; padding:0px 0 0px 60px; min-height:50px; display:table;  }
.linR {    display: table-cell;
    vertical-align: middle;}

.imgBxC {float:right; position:relative; width:60%;}
.imgBxC img {}



.pgBxB {padding:70px 0;}
.pgBxB .page {}

.icTxtBx { max-width:1040px; margin:0 auto; display:block;}
.icTxtBx li {width:50%; float:left; display:inline-block; box-sizing:border-box; margin:0 0 20px 0; }

.icTxtBx li:nth-child(odd) {padding:0 10px 0 0;}
.icTxtBx li:nth-child(even) {padding:0 0 0 10px;}

.gapN {padding:0px 0; display:table; width:100%; box-sizing:border-box; height:120px; position:relative;}

.icnBx2 { width:120px; position:absolute; top:0;}
.icnBx2 img {}

	.cf1 {background:#DFD3C1;}
	.cf2 {background:#F7CCBC;}
	.cf3 {background:#82D8D3;}
	.cf4 {background:#F7D492;}
	.cf5 {background:#CEA489;}
	.cf6 {background:#8BC3D8;}
	.cf7 {background:#F2AABC;}
	.cf8 {background:#C0D6A9;}
	.cf9 {background:#EBCDCF;}
	.cf10 {background:#ACBED2;}

.icTxtBx li:nth-child(odd) .icnBx2 {right:0;}
.icTxtBx li:nth-child(even) .icnBx2 {left:0;}

.txtA {padding:0 10px; display:table-cell; vertical-align:middle; font-size:24px; color:var(--c10);}

.icTxtBx li:nth-child(odd) .txtA {text-align:right; padding:0 140px 0 0;}
.icTxtBx li:nth-child(even) .txtA {padding: 00 0 0 140px; }




.pgBxC {padding:60px 0;}
.pgBxC .page {}

.bxCa {float:left;}
.bxCa .gapH {    padding: 0 80px 0 0px;}

.bxCb {float:right;}

.bxCb .hdLnC {color:var(--c8);}
.bxCb .linK, .bxCb .linL, .bxCb .linO {color:var(--c6);}




.pgBxD {padding:60px 0;}



.gapO {}
.gapO img {}

.clrTxt {padding:10px; background:#F2F4F6;}

.linS {}
.linS a {color:var(--c2); font-family: 'Montserrat', sans-serif;font-size:18px; font-weight:700;}
.linS a:hover {color:#000;}

.linT {color:var(--c6); font-family: 'Montserrat', sans-serif;font-size:14px; opacity:0.6; margin:10px 0;}

.linU {    color: var(--c6);
    font-size: 14px;
    height: 88px;
    overflow: hidden;
    line-height: 22px;}





/*---*/
.pgBxE {padding:60px 0;}
.bDtlTxt {width:75%; float:left;}

.gapStA {}

.lin21 {color:var(--c6); font-size:28px; font-weight:bold; padding:0 0 10px 0;}

.lin22 {color:#A2A8B1; font-size:14px; font-weight:600;}
.lin22 span {color:var(--c6);}
    	
.imgJ {margin:18px 0;}
.imgJ img {}

.lin23 {color:var(--c6); font-size:14px; line-height:22px;}
    	
		
		
.dtlSide {width:25%; float:right;}

.gapStB {padding:0 0 0 20px;}

.sdGrpA { margin:0 0 40px 0;}

.hdlneC {color:var(--c10); font-size:24px; font-weight:bold; padding:0 0 12px 0; }
.hdlneC i {font-size:20px; color:#D53C40; }

.txtR {}

.imgK {}
.imgK a {position:relative; display:inline-block; width:100%;}
.imgK a:after {position:absolute; content:""; display:block; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); z-index:2; opacity:0; transition:all ease-in-out 0.4s;}
.imgK a:hover:after {opacity:0;}
.imgK img {}

.lin24 {}
.lin24 a {color:#fff; font-size:16px; padding:10px 12px;  background:#414042; display:inline-block; }
.lin24 a:hover {background:var(--c8);}

.sdGrpB {}

.hdlneC {}
.hdlneC i {}

.lnkLst {}
.lnkLst ul {}
.lnkLst ul li {padding:12px 0; border-bottom:1px solid #DADCE0;}
.lnkLst ul li:last-child {border:0;}
.lnkLst ul li a {color:var(--c2); font-size:16px; font-weight:bold;}
.lnkLst ul li a:hover {color:#000;}




.pgBxF {padding:40px 0 0 0;}
.pgBxB {}
.pgBxB .page {}

.linV { padding:0 10px;    color: #A2A8B1;
    font-size: 16px;}
.nwsImg {opacity:0.2;}


/*----------------scroll---------------*/

.clearout {
height:0px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    position:relative;
 
}



/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width:26px;
    height: 26px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
   border-radius:50%;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.svg) no-repeat center center rgba(58, 80, 161,0.8);
background-size:14px;}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.svg) no-repeat center center rgba(58, 80, 161,0.8);
	background-size:14px;
}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {background-color:rgba(58, 80, 161,1);}

/*---------------------*/
.popBx {display:none; position:fixed; background:rgba(0,0,0,0.4); z-index:888998; top:0; bottom:0; left:0; right:0;}

.tblp {height:100vh; width:100%;}
.tblp tr {}
.tblp td {}

.popCnt {width:420px; margin:0 auto; padding:40px; background:rgba(255,255,255,1); border-radius:6px; position:relative;}
	.closIt {    background: url(../images/cancel-music.svg) no-repeat center center;
    background-size: 16px;
    width: 16px;
    height: 16px; cursor:pointer;
    opacity: 0.4; position:absolute; right:20px; top:20px;}
	.closIt:hover {opacity:0.6;}
.pHdr {color: var(--c2);
    font-family: 'Montserrat', sans-serif;
    font-size:24px; text-align:center;
    font-weight: 700; margin:0 0 18px 0;}
	
.modal-title {color: var(--c2);
    font-family: 'Montserrat', sans-serif;
    font-size:24px; text-align:center;
    font-weight: 700; margin:0 0 0px 0;}	

.plgnFrm {}
.btnPnlD {text-align:center; padding:20px 0 0 0;}
.btnf {background:var(--c7); cursor:pointer;
    color: #fff; border:0; margin: 0 auto;}
.btnf:hover {background:var(--c8);}


/*-------------------------*/
.quPg {    background: url(../images/qbg.png) no-repeat center center;
    background-size: cover;} 
.qpgHdr {height:500px;}
.imSet {position:relative;z-index:6;}
.qpgImg { top:-300px; position:relative; }
.imq1 {opacity:0.8;}
.imq2 {}



.mnuOpn {width:40px; height:40px; display:none; vertical-align:top; text-align:center; margin:0 0 0 5px; font-size: 20px; background:rgba(255,255,255,0.4); }
.mnuOpn i {line-height:40px;}




/*--botpop-------*/

.modal {background:rgba(0,0,0,0.4);}
.modal-content {
    box-shadow: 0 3px 9px rgba(0,0,0,.2);
}


.boxH {text-align:center;}
.boxH img {}

.txtB { padding:24px 0 30px;font-size:26px;
    }

#google_translate_element {display: block;
    vertical-align: top;
    float: left;}
.goog-te-gadget-simple {
    
    border:0 !important;
    
    line-height: 40px;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0 8px !important;
    border-radius: 2px;
}
.goog-te-gadget-simple .goog-te-menu-value span {color: #0a2c4b;}


.flgo3 {text-align: center;}
.flgo3 img {width:160px;    margin: 0 12px;}


.successGeneric
{
    width: 100%;
    border: 1px solid #3950a1;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    background-color: rgb(241, 243, 247);
    color: #3950a1;
    margin: 20px 0;
}

/*--------------------------*/
.eml, .srcBx, .btnPnlA {vertical-align:top;}
.inrowA {margin:0 0 2px 0;}
	.slcStyl2 {width:100%; box-sizing:border-box; padding:0 2px;}
.inrowB {position:relative;}

.btnClm {display: block;
    vertical-align: top;
    margin: 0 10px 0 0;
    float: left;}
.inrowC {text-align:center;padding: 0 10px;width: auto;box-sizing:border-box;float: left;}
.inrowD {box-sizing:border-box;float: right;}


.trckLnk {
    display: inline-block;
    padding: 0 10px 0 0;
}

a.ticon {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #3950a0;
    border-radius: 2px;
}

.trckLnk {
    position: relative;
    display: inline-block;
    
}

.trckLnk .tooltiptext {visibility: hidden;position: absolute;width: 120px;background-color: #fff;color: #3950a0;text-align: center;padding: 5px 0;border-radius: 6px;z-index: 1;opacity: 1;transition: opacity 0.3s;top: 45px;left: -70%;}

.trckLnk .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.trckLnk:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



/*-----------------------*******---------------*/
.trckPg {}

.trHd {    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0px 0 20px;
    font-size: 32px;
    color: var(--c2);}
	
.lin25 { height:2px; background:var(--c1); margin:20px auto 45px; width:80px;}	

.trFrm {text-align:center;}

.inrowE, .inrowF, .inrowG {display:inline-block; width:280px; margin:0 10px; vertical-align:top;}
.inrowE {}

.inrowF {}
	
.inrowG {}

.trc {width: 100%; height:40px; line-height:40px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 4px;
    background: var(--c5);
    font-size: 14px;
    color: var(--c7);
    font-weight: 700;
    cursor: pointer;
    margin: 0px 0 0 0;}
.trc:hover {background:var(--c2); color:#fff;}
.trImg {text-align:center; opacity:0.2;}
.trImg svg {width:600px;}

/*---*/
.pgeBgSet {position:relative;}
.pgeBgSet img {    opacity: 0.15;}
.cmson { width:100%;  
    height: auto; top:60px;  
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    z-index: 3;}


/*02-12-2018*/
.lgBtnSet {
    position: relative; text-align:center;
}
.AuthorizeNetSeal{ display: inline-block;}
a.rstBtn {display:inline-block; 
}

.termsPg {padding:40px 0;}
.termsPg .page {}

.setI {color: var(--c6);
    font-size: 14px;
    line-height: 22px;}
.setI h2 {color: var(--c6);
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 14px 0;
}
.setI p {margin:0 0 4px 0;}
.setI strong {}

.prvPg {padding:40px 0;}
.prvPg .page {}

.termBg {background: url(../images/termsbg.png) no-repeat center center;    background-size: cover;}
.prBg {background: url(../images/policybg.png) no-repeat center center;    background-size: cover;}

/*08012019*/
.ecomlgo {text-align:center; padding:50px 0;}
.ecomlgo img { height:60px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 24px;
}
.prcBg {background: url(../images/prcbg.png) no-repeat center center; background-size: cover;}
.ltlBg {background: url(../images/ltl.png) no-repeat center center; background-size: cover;}
.airBg {background: url(../images/airbg.png) no-repeat center center; background-size: cover;}

.fulvdo {position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    text-align: center;
    right: 0;
    border-top: 2px solid #fff;
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    font-weight: bold;
    font-size: 18px;z-index: 3;}
.fulvdo img {height:20px; margin:0 6px 0 0; }
a.fulvdo:hover {background: rgba(0, 0, 0, 0.20);color: #fff;}
a.fulvdo:focus {color: #fff;}


.listTxt {padding:15px 0 0 0;}
.listTxt ul {    display: inline-block;
    width: 100%;}
.listTxt ul li {    width: 25%;
    float: left;
    vertical-align: top;
    line-height: 26px;}

.corLgo {    padding: 15px 0 0 0;}
.crlgLst {    text-align: left;}
.crlgLst img {max-height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 24px;}


.ecmmBg {background: url(../images/ecmmbg.png) no-repeat center center; background-size: cover;}
.carrBg {background: url(../images/carrbg.png) no-repeat center center; background-size: cover;}
.tcpBg {background: url(../images/tcpbg.png) no-repeat center center; background-size: cover;}

.ihlpBg {background: url(../images/hlpbg.png) no-repeat center center; background-size: cover;}
/*------------------------12012019-----------*/
.logFrmBx {max-width:480px; margin:0 auto;}

.chkLne {}
.chkLne label {font-weight:normal; font-size:14px; display: inline;}
.chkLne input[type=checkbox] {margin: 0;
    display: inline-block;
    vertical-align: middle;}
.btnBxLg {padding:24px 0 0 0; display: inline-block; width:100%;}

.extLnk {float:right; text-align:right; padding:5px 0 0 0;}

.lnkfrgt {color:#337ab7; font-size:14px;display: inline-block; }
.lnknusr {color:#337ab7; font-size:14px; display: inline-block; margin:6px 0 0 0;}
.txtBlue {    font-size: 14px;
    color: #3950a0;
    font-weight: bold;
    padding: 0 0 30px 0;}

.btng {  background:#F44336;
    cursor: pointer;
    color: #fff;
    border: 0;
    margin: 0 auto;}
.btng:hover { background:#e22f22;}	
.btnh {    background: var(--c7);
    cursor: pointer;
    color: #fff; float:right;
    border: 0;
    margin: 0 auto;}
.btnh:hover { background:#010e19;}	
.btnBxLg2 {    padding: 20px 0 0 0;
    display: inline-block;
    width: 100%;}
	
.sgnUpPg {}
.sgnUpPg .hdLnC {
    color: var(--c8);
}

.rowF {display:inline-block; width:100%; }
.clmS1, .clmS2 {width:50%; float:left; box-sizing:border-box; padding:0 10px;}
.clmS1 {}
.clmS2 {}
.clmS1 .infldB, .clmS2 .infldB {margin: 0 0 18px 0;}


select.infldB {height:45px;}
.chkLne2 { padding:15px 0px 20px;  margin:40px 10px 0;  border-top:1px solid #D9D9D9;}

.btnBxLg3 {text-align:center;}
	.btni {width:auto;    border: 0;
    line-height: 54px;
    height: 54px;    border-radius: 2px;
    padding: 0 40px;
    background: var(--c7);
    color: #fff;
    outline: 0;}

	
.frgtBg {background: url(../images/frgtbg.png) no-repeat center center; background-size: cover;}
.logBg {background: url(../images/logbg.png) no-repeat center center; background-size: cover;}
.sigBg {background: url(../images/sigbg.png) no-repeat center center; background-size: cover;}	

.frmClm {
    float: left;
    width:480px; padding:0 0 0 12px;
}	
.logImg {
    float: right;
     max-width:450px; padding:0 12px 0 0;
}
.logImg a {display:inline-block;}
.logImg img {}
	
		

.lgPg {padding:70px 0 0 0;}	
.frmClmf {max-width:480px; padding:0 15px; margin:0 auto;}
.rfrImg {max-width:560px; padding:0 15px; margin:130px auto 0; text-align:center;}
	

.refrBg {background: url(../images/refrbg.jpg) no-repeat center center; background-size: cover;} 
	
.rfrTxt {padding:50px 0 ; }

.rfrPg {margin:0 0 50px 0;}

.rtxt1 {text-align: center;    font-family: 'Montserrat', sans-serif;
   
    padding:0 0 10px 0;
    font-size: 40px;
    color: var(--c2);}

.rtxt2 {text-align: center;
   
    font-size: 26px;}


.rfrfrm { padding:50px 0; background:#f2f4f6 ; }
	
.frmHdline {font-size:22px; text-align: center;
    color: var(--c7); font-weight: bold;
    padding: 0 0 20px 0;}	
	
.btnrfr {text-align:center; }	
	
    
#div2ShipUserSignupMessage {margin:20px 0 0 0;} 
.confirmationMsg {
    padding: 20px;
    background: var(--c2);
    border-radius: 4px;
}   
.confirmationMsg p {
    color: var(--c4);
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
}   
.confirmationMsg p a {
    color: var(--c5);
}   
/*27032020*/
.cf11 {background:#CBD2B0;}
.cf12 {background:#82D8A7;}
.cf13 {background:#F1E685;}
.cf14 {background:#DCB3E8;}	
.ssBg { background: url(../images/ssbg.jpg) no-repeat center center; background-size: cover;}
.ftlBg { background: url(../images/carrbg.png) no-repeat center center; background-size: cover;}
.fmBg { background: url(../images/fmbg.jpg) no-repeat center center; background-size: cover;} 	
	
.setI h4 {font-size:16px; font-weight:bold; margin: 0 0 6px 0; color:#3950a1;}	
    
.imsBg {background: url(../images/bg8.png) no-repeat center center; background-size: cover;}	
	
.forImx2 {
    float: right;
    max-width: 45%;
    margin: 0 0 10px 15px;
}
.forImx1 {}

.imsX1 {
    width: 100%;
    clear: both;
    display: inline-block; margin: 15px 0 0 0;
}
.imsX2 {
    float: left;
    margin: 0 15px 15px 0;
}
.imsX2 img {
    max-height: 130px;
}
/*soluBg*/
.soluBg { background: url(../images/solubg.jpg) no-repeat center center; background-size: cover;} 	



.solPg {color: var(--c6);border-top:2px solid #f1f1f1;
    font-size: 14px;
   }

.solPg h2 {
color: var(--c6);
    font-size: 22px; text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 28px 0;
}
.solPg .solBx1 h2 {padding: 0 0 28px 0;}
.prvPg .setI h2 {color: var(--c2);}
.prvPg .setI h4 {
    color: var(--c6);
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 14px 0;
}
.solPgHdl1 {  padding:30px 0 0 0;  font-size: 28px;color: var(--c2);
    font-weight: bold;}
.solPg p {margin:0 0 8px 0; line-height: 22px;}

.src1x {  
    width: 60%;
}
.src2x {    position:relative;
    width: 40%;
}
    .noIcn {position: absolute;
        color: rgba(0, 0, 0, 0.08);
        font-size: 120px;
        font-weight: 700;
        line-height: 120px;
        left: 0;
        top: 0;
    }
    .solBx3 .noIcn {transform: translateX(-50%) rotate(10deg);}
    .solBx4 .noIcn {transform: translateX(-100%) rotate(10deg);}
    .solBx5 .noIcn {transform: translateX(-50%) rotate(10deg); left:50px;        top: 100%;}
    .solBx6 .noIcna {transform: translateX(-170%) rotate(10deg);}
    .solBx6 .noIcnb {transform: translateX(-85%) translateY(50%) rotate(0deg);}
    .solBx6 .noIcnc {transform: translateX(-160%) translateY(94%) rotate(-8deg);}
    .solBx7 .noIcna {transform: translateX(18%) rotate(10deg);top: 93%;left: auto;right: 22px;}
    .solBx7 .noIcnb {transform: translateX(70%) translateY(4%) rotate(0deg);top: 100%;left: auto;right: 0;}
    .solBx7 .noIcnc {transform: translateX(10%) translateY(51%) rotate(-8deg);top: 100%;left: auto;right: 18px;}




.solBx1 {
    padding: 40px 0;
}
.solR1 {}
.src11 {
    float: right;
    padding: 0 0 0 40px;
}
.solimg1 {}
.solT2 {text-align: center;
    font-size: 32px;
    color: #000;
    font-weight: bold;
    line-height: 34px;}
.src12 {
    float: left;
    padding: 0 40px 0 0;
}
.solT1 {}


    .solBx2 { position: relative;
        padding: 60px 0;
        background:url(../images/bg13.jpg) no-repeat center center #3950a1; background-size: cover;    
        color: #fff;
        text-align: center;
        }
        .solBx2t1 {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 2px 5px;
        }
    .solT3 {color: #fff;line-height: 38px;font-size: 28px;font-weight: bold;padding: 0 0 34px 0;}
    .solT4 {max-width: 760px;margin: 0 auto;}
    .solT5 {
    float: left;
    width: 50%;
    }
    .solT5 h5 {
    font-size: 90px;
    font-weight: bold;
    line-height: 80px;
    }
    .solT5 h5 span {
    font-size: 16px;
    vertical-align: top;
    position: relative;
    top: -30px;
    }
    .solT5 h6 {
    font-size: 20px;
    padding: 15px 0 0 0;
    }
    .solT5 h6 b {}

.solBx3 {padding: 40px 0;}
.solR2 {}
.src21 {float: left;padding: 0 40px 0 0;}
.solimg2 {}
.src22 {float: right;padding: 0 0 0 40px;}
.solT6 {}
.soBtn1 {  
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 4px;
    background: var(--c5);
    font-size: 14px;
    color: var(--c7);
    font-weight: 700;
    cursor: pointer;
    margin: 15px 0 0 0;
    padding: 0 40px;
}
.soBtn1:hover {  
    background: var(--c9);   color: var(--c4);
}

.solBx4 {padding: 40px 0;background:rgba(0,0,0,0.05);}
.solR3 {}
.src32 {float: left;
    padding: 0 40px 0 0;}
.solimg3 {}
.src31 {float: right;
    padding: 0 0 0 40px;}
.solT7 {}


.solBx5 {padding: 40px 0; color: #fff;
         background:url(../images/bg13.jpg) no-repeat center center #3950a1; background-size: cover; }
    .solPg .solBx5 h2 {    color: #fff;}    
.solBx6 {padding: 40px 0;background:rgba(0,0,0,0.05);}
.solBx7 {padding: 40px 0;}
.solBx8 {padding: 40px 0;}
.solBx8 .page {}
.solT8 {      color: #000;  text-align: center;
    font-size: 18px;}  

    .solBx9 {padding: 40px 0; color: #fff;
        background:url(../images/bg13.jpg) no-repeat center center #3950a1; background-size: cover;    }
    .solT10 {max-width: 800px; margin:0 auto;}
    .solT11 {font-size: 22px; font-weight:bold; margin:0 0 30px 0;}
    .solT12 {}
    .solT9 {
        font-size: 60px;
        font-weight: bold;
        line-height: 58px;
        margin: 0 0 30px 0;
    }
    .customer-aspect-table {
        margin: 0;
        width:100%;
      }
      .customer-aspect td {vertical-align: center;
        padding: 5px 0;
      }
      .customer-aspect-container {
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
      }
      .customer-aspect__name {
        width: 260px;
        font-weight: 900;
      }
      .customer-aspect__rating {
        width: 8rem;
        font-size: 3rem;
        /* 48px */
        font-weight: 900;
        line-height: 1;
        text-align: right;
      }
	
.g-recaptcha>div {margin: 0 auto 20px;}	







/*--- new2022  -----*/
img {
    max-width: 100%;
}
.hdrLne2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
}
.boxNrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.bx9 {
    background-color: #3950A1;
    color: #fff;
    padding: 50px 0;
}
.lin16 {
    font-size: 32px;
    font-weight: 800;
    line-height: 43px;
    text-align: center;
    color: #fff;
}
.boxNClm {
    width: calc(50% - 10px);
}
.secgap {
    padding: 40px 0;
}
.text-center {text-align: center;}

.bgecmful {
    background: url(../images/ecommerce_fulfillment_banner.html) no-repeat center center;
    background-size: cover;
}
.efbg2 {
    background: url(../images/2022/blue_sec_bg.jpg) no-repeat center center;
    background-size: cover;
}
.box25in {
    padding: 160px 0;
}
.prepbg1 {
  background: url(../images/prep_bg1.html) no-repeat center center;
  background-size: cover;
}
.prepbg2 {
    background: url(../images/prep_bg_2.html) no-repeat center center;
    background-size: cover;
}
.pricing_bg1 {background: url(../images/pricing_bg1.html) no-repeat center center;
  background-size: cover;}
.pricing_bg2 {background: url(../images/pricing_bg2.html) no-repeat center center;
  background-size: cover;}
.boxN01 {}
.boxNhl {
    font-size: 28px;
    color: #3950A1;
    font-weight: bold;
    margin-bottom: 20px;
}
.boxNhl span {color: #9C1317;}
.boxNhl_n {
    font-size: 28px;
    color: #0A2C4B;
    margin-bottom: 20px;
}
.boxH22 {
    font-size: 18px;
    color: #555555;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.bNimg1 img {}

.bNtxt1 {
    color: #242424;
    font-size: 16px;
    line-height: 28px;
}

.bNtxt1 p {
	color: #242424;
    margin: 0 0 20px 0;
    font-size: 14px;
}

.boxN02, .boxN06 {
    background-color: #F2F4F6;
}

.bNimg2 {margin-bottom: 40px;}

.bNtxt2 {
    color: #242424;
    font-size: 14px;
    line-height: 24px;
}

.bNtxt2 p {
	color: #242424;
    margin: 0 0 16px 0;
}
.boxNhl2 {
	font-size: 18px; color: #103174; font-weight: bold; text-transform: uppercase;
	margin-bottom: 15px;
}
.boxNhl3 {
  font-size: 36px; color: #3950A1; font-weight: bold; margin-bottom: 30px;
}
.boxNhl3 img { height: 27px; }
section.boxN04 {
	padding: 20px 0;
}
.b15txt2 {margin: 30px 0 0 0;}

.btn104 {    
    background: #F2CB07;
    color: #0A2C4B;
    font-weight: 600;
    text-transform: uppercase;
}
.btn104:hover { background: #f7d113;}


.stepClm li {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
.stepClm li+li {
   border-left: 1px solid #D9D9D9;
}
.newPg4 .stepClm li+li, .newPg3 .stepClm li+li {
    border-left: 0px solid #D9D9D9;
 }
.stepClm ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.stepIcon {
    min-height: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
}

.stepBx {
    text-align: center;
    position: relative;
}

.stepT1 {
    font-size: 20px;
    font-weight: 700;
    color: #3950A1;
    margin: 15px 0;
}

.stepT2 {
    color: #555555;
    font-size: 14px;
    font-weight: 600;
}

.b25t3 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.bNtxt3 {
  color: #242424;
  font-size: 16px;
  line-height: 26px;
}

.bNtxt3 p {
  color: #242424;
  margin: 0 0 14px 0;
}
.boxN05 {
  padding: 40px 0 80px;
}
.stepBx2 {
  text-align: center;
}

.prcIcon {
  min-height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.prcIcon img {
  max-height: 80px;
}

.prcT1 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0;
  min-height: 48px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.prcT2 {
  font-size: 14px;
  color: #242424;
  line-height: 24px;
}

.stepBx3 {
  text-align: center;
}

.ecmT1 {
  font-size: 18px;
  color: #112F4B;
  margin: 20px 0 15px;
  font-weight: 600;
}

.ecmT2 {
  color: #242424;
  font-size: 14px;
  line-height: 22px;
}

.ecmIcon img {
  max-height: 80px;
}
.hlpTset+.hlpTset {
  margin: 20px 0 0 0;
}

.hTxt1 {
  font-size: 18px;
  color: #555555;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.hTxt2 {
  color: #242424;
  font-size: 14px;
  line-height: 24px;
}

.hTxt2 p {
  margin: 0 0 10px 0;
}




.mnuLst ul li ul.mgmnu2 {
    width: 220px;
}
.mnClm1 {
    padding: 12px;
}































/*786*/
@media screen and (max-width:1400px) {/* 1400 px */
   .solBx6 .src32 {padding: 0 40px 0 60px;    }
   .solBx6 .noIcna {transform: translateX(-105%) rotate(10deg);}
    .solBx6 .noIcnb {transform: translateX(-25%) translateY(50%) rotate(0deg);}
    .solBx6 .noIcnc {transform: translateX(-95%) translateY(94%) rotate(-8deg);}

}
@media screen and (max-width:1030px) {/* 1024 px */
	.page {width:100%;}
	.hdrPg { padding:15px 10px 0;} 
.srcBx {margin:0 10px;}
.gapE { padding: 0 20px;}
.bxCa .gapH, .gapG, .gapH {padding:0 20px;}
.gapL { padding: 0 0 0 0px;}
.setH {padding:0 20px;}
.vdoBx {height:auto;}

.pgBxE {    padding: 30px 10px;}
.prvPg, .pgBxA {    padding:30px 10px;}

.src11, .src12, .src21, .src22, .src31, .src32 {padding:0 10px;}
.solT9 {padding:0 10px; }
.solPgHdl1 { padding: 30px 10px 0;}

.noIcn {display:none;}
.solBx7 .src2x { width:40%;}


}


@media screen and (max-width:979px) { /* 800 px */
    .hdrPg { padding: 15px 0px 0;}
    .lgoBx {width:100%; text-align:center; float:none;  padding:6px 0 15px;}
    .eml {display:none;}
    .rgTbx {width:100%; float:none; padding:0 10px 0px; text-align:center;}
    .btnPnlA {float:right; margin: 10px 0 0 0;}
    .srcBx {margin:0 0px;}
    .mnuPnl {text-align:left; display: inline-block;  position: relative;
        padding: 0;
        margin: 25px 0 0 0;}
    .mnuLst { display:none; position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;}
    .mnuOpn {display:inline-block;}
    .mnuLst ul li { padding: 0 0px 0 0; width:100%;}
    .mnuLst ul {width:100%; padding:0 10px; background:rgba(255, 255, 255, 1);  margin:0px 0 0 0;}
    .mnuLst ul li a {width:100%;}
    .mnuLst ul li:hover ul {position:relative;}
    .mnuLst ul li ul {/* visibility: visible; */ top:0; background:rgba(255, 255, 255, 0.75); padding:0; width:100%;  }
    .mnuLst ul li ul a {padding:10px 10px; border-bottom:0; border-top:1px solid rgba(10,44,75,0.2);}
    .linB img {max-width:98%;}
    .mnClm, .mnClm2 {min-height:auto;}
    .mnuLst ul li i {position:absolute; top:14px;}

    .mnuLst ul li ul.mgmnu { width: 100%;}
    .mnClm, .mnClm2 {width:100%;float:none;}

    .blkBxA {width:96%;}
    .clm4a, .clm4b {width:50%;}
    .clm4d {float:none; width:100%; text-align:center;}
    .btnc {margin:20px 0 0 0; max-width:300px;}
    .infldA {font-size:18px;}
    .linA {padding:80px 0 25px 0;}
    .linD { font-size: 32px;}
    .linD span {font-size: 38px;}
    .clm3bx {width:100%;  padding: 25px 0 0 0;
        margin: 25px 0 0 0; border-top: 1px solid #D9D9D9;  border-left: 0px solid #D9D9D9;}
    .clm3bx:first-child {padding:0; margin:0;}
    .linG {font-size:30px; padding: 0 0 20px 0;}
    .imgBxB {padding:30px 10px;}
    .clm3A { width:100%; margin:0 0 25px 0; }
    .bgBx {bottom:50%; right:0;}
    .setC, .setD {width:100%;}
    .setC {padding:0 0 80px 0;}
    .setD {padding:80px 0 0 0;}
        .pgBxC .setC {padding:0px 0 0px 0;}
        .pgBxC .setD {padding:0px 0 80px 0;}
    .hdLnC {text-align:center;}
    .hdLnE {text-align:center;}
    .btnPnlC {text-align:center;}

    .ftrC {    width:100%; text-align:center; }
    .ftrCb, .ftrCc, .ftrCa {margin:0 0 40px 0;}

    .gapG {text-align:center;}
    ul.txtSet {    padding: 0 100px;}
        .bxCb ul.txtSet { padding: 0 0px;}
    .pgBxA {
        padding: 30px 0;
    }
    .txtClm {position:relative; width:100%; padding:0 20px; max-width:inherit;}
    .imgBxC {width:98%; float:none; margin:0 auto;}


    .icTxtBx li {    width: 100%;}
    .icTxtBx li:nth-child(odd), .icTxtBx li:nth-child(even) {padding:0 10px;}
    .icTxtBx li:nth-child(odd) .icnBx2 {    right:auto; left:0;}
    .icTxtBx li:nth-child(odd) .txtA, .icTxtBx li:nth-child(even) .txtA {    text-align: left;    padding: 0 0 0 130px;}

    .bDtlTxt { width: 100%; float: none;}
    .dtlSide { width: 100%; float: none;}
    .gapStB { padding: 40px 0 0 0px;}

    .txtR {
        max-width: 280px;
    }
    .frmClm { float: none; width:480px; padding:0 12px 0px; margin:0 auto; box-sizing:border-box; }	
    .logImg { float: none; width:100%; text-align:center; padding:40px 10px 0px; margin:0 auto;box-sizing:border-box; }

    .flgo3 img {margin:12px 12px 0;}

    .src11, .src12, .src21, .src22, .src31, .src32, .solBx7 .src2x {
        padding: 15px 15px;    float: none;    width: 100%;    text-align: center;
    }

    .solT9 {line-height:30px;    font-size: 32px;}

    .customer-aspect td.customer-aspect__graph {display: none;}
    .solT10 {
        max-width:480px;
    }
    .customer-aspect td {  padding: 2px 0;}
    .solT9 {
        padding: 0 40px;
    }
    .solBx8 {
        padding: 0px 10px 40px;
    }
    .listTxt ul li {    width: 33.33%;}

}


@media screen and (max-width:799px) { /* 768 px */
    .linN {margin:0 0 10px 0;}	
    .linN, .thnk {width:100%; text-align:center;}	

	
}

@media screen and (max-width:767px) { /* 640 px */
	
	.infldA { font-size: 16px;}
	.blkBxA {padding:15px 5px;}
	
	.hdLnA { padding: 20px 0;  position:relative;   font-size: 30px; }
	.txtClm { padding: 0 10px;}
	.linP {text-align:center; font-size:26px;}
	.linQ {  padding: 18px 0 30px 0;}
	.clmS1, .clmS2 {
    width: 100%;}
    .frmClm { width:100%; }
    .forImx2 { float: none; max-width: 100%; margin: 0 0 15px 0px; }
    .imsX2 img {
        max-height: unset;
    }
    .imsX2 {
        float: none;
        margin: 0 0px 15px 0;
    }
    .solT3 {padding:0;}
    .solT5 {margin: 40px 0 0 0; width:100%;}
    .listTxt ul li {
        width: 50%;
    }
}

@media screen and (max-width:639px) { /* 480 px */
	.clm4a, .clm4b, .clm4c {   width:100%; float:none;}
	.clm4a, .clm4b {padding:0 0 25px 0;}
	.clm4c {padding:0 0 10px 0;}
	.linB {    padding: 0px 0 80px 0;}
	.setA {    padding: 0 0 70px 0;}
	.btna, .btnb { padding: 0 12px;}
	.srcBx {    width: 60%;    margin: 0 auto 0px;    display: block;}
	.trcin {width:100%; margin: 0 0 10px 0;}
	.srch {bottom:10px;}
	.btnPnlA {    float: none;    width: 100%;}
	.mnuOpn {    display: inline-block;    float: right;}
	.lgoLst img {   margin: 10px 20px;}
	ul.txtSet {    padding: 0 00px; }
	ul.txtSet li {    width:100%;}
 .bgBx {    bottom: 43%;}
 .hdrLne {    font-size: 28px;    padding: 0 26px;}
 .hiwPg {  background: url(../images/bg8.png) no-repeat center left;}

.bxCb .linO {margin:0 0 18px 0;} 
 .lin21 {    font-size: 20px;}
 
 .popCnt {width:100%;}
 .logFrmBx {max-width:90%;}
 .solT10, .solT9 {padding:0 20px;}
 .solT11 {    margin: 0 0 14px 0;}

}

@media screen and (max-width:479px) { /* 360 px */
	.gapH { padding: 0 10px;} 	
	.srcBx { width: 100%;}
    .linQ li { font-size: 16px;}
    .pgBxB { padding: 40px 0;} 
    .txtA {font-size:20px;}
    .btnClm {margin:0 0 10px 0; display: inline-block; width: 100%;}
    .lgoLst img { margin: 10px 10px; }
    .btnBxLg {text-align:center;}
    .extLnk {float:none; width:100%;text-align:center; padding:25px 0 0 0;}
    .solT5 h5 { font-size: 60px;}
    .listTxt ul li { width:100%;}


}


@media screen and (max-width:359px) { /* 320 px */



}





















/*786*/
@media screen and (max-width:1030px) {/* 1024 px */
    .boxNhl3 img { height: 24px; }
    section.boxN04, section.boxN02, section.boxN01, section.boxN03, .efbg2, .boxN05, .boxN06, .boxN07 {
        padding-left: 10px;
        padding-right: 10px;
    }
}
  
  
@media screen and (max-width:979px) { /* 800 px */
   .boxNClm {
    width: 100%;
  }
  .boxNClm+.boxNClm { margin: 20px 0 0 0; }
  .boxNhl {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .stepClm li {
    padding: 0 5px;
  }
  .boxNhl3 {text-align: center;}
  .boxNhl3 {
    font-size: 24px;}
  
}
  
  
@media screen and (max-width:767px) { /* 640 px */
  
    
  
  .stepClm li {  width: 100%;  padding: 10px 0;}
  .stepClm li+li {
    border-top: 2px solid #f2f4f6;
  } 
  .stepBx:before {display: none;}
  .stepBx {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
  }
  .stepT {
    text-align: left;
  }
  .stepIcon {
    min-width: 180px;
  }
  .stepBx3 {
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .ecmT1 {
    margin: 0 0 12px 0;
  }
  
  .ecmIcon {
    min-width: 130px;
  }
  
  .stepClm li {
    padding: 20px 0;
  }

  .stepClm li+li {    border-left: 0px solid #D9D9D9;}

  
  
}
  
@media screen and (max-width:639px) { /* 480 px */
  
  .b25t3, .boxNhl { font-size: 26px; line-height: 38px;}
  .boxNhl3 { font-size: 20px; line-height: 28px;}
  .ecmIcon {text-align: center;}
  .ecmIcon img { max-height: 60px;}
  .boxNhl3 img { height: 20px; }
  .hdrLne2 { font-size: 32px; padding: 0 10px;}
  .bx9 { padding: 30px 0;}
  .lin16 { font-size: 22px; line-height: 32px;}
  .box25in {    padding: 90px 0;}


  
}
  
@media screen and (max-width:479px) { /* 360 px */
  
  .stepIcon {
    min-width: 160px;
  }
  .stepIcon {
    width: 45%;
    min-width: unset;
    padding: 0 10px 0 0;
}
  
}
  
  
  @media screen and (max-width:359px) { /* 320 px */
  
  
  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  