@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clear{clear:both}
::selection{background:#133b78;color:#fff}
::-moz-selection{background:#133b78;color:#fff}
::-webkit-input-placeholder{color:#999;opacity:1}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999;opacity:1}
:-moz-placeholder{color:#999;opacity:1}
.m40px{margin:40px}.m39px{margin:39px}.m38px{margin:38px}.m37px{margin:37px}.m36px{margin:36px}.m35px{margin:35px}.m34px{margin:34px}.m33px{margin:33px}.m32px{margin:32px}.m31px{margin:31px}.m30px{margin:30px}.m29px{margin:29px}.m28px{margin:28px}.m27px{margin:27px}.m26px{margin:26px}.m25px{margin:25px}.m24px{margin:24px}.m23px{margin:23px}.m22px{margin:22px}.m21px{margin:21px}.m20px{margin:20px}.m19px{margin:19px}.m18px{margin:18px}.m17px{margin:17px}.m16px{margin:16px}.m15px{margin:15px}.m14px{margin:14px}.m13px{margin:13px}.m12px{margin:12px}.m11px{margin:11px}.m10px{margin:10px}.m9px{margin:9px}.m8px{margin:8px}.m7px{margin:7px}.m6px{margin:6px}.m5px{margin:5px}.m4px{margin:4px}.m3px{margin:3px}.m2px{margin:2px}.m1px{margin:1px}.mt40px{margin-top:40px}.mt39px{margin-top:39px}.mt38px{margin-top:38px}.mt37px{margin-top:37px}.mt36px{margin-top:36px}.mt35px{margin-top:35px}.mt34px{margin-top:34px}.mt33px{margin-top:33px}.mt32px{margin-top:32px}.mt31px{margin-top:31px}.mt30px{margin-top:30px}.mt29px{margin-top:29px}.mt28px{margin-top:28px}.mt27px{margin-top:27px}.mt26px{margin-top:26px}.mt25px{margin-top:25px}.mt24px{margin-top:24px}.mt23px{margin-top:23px}.mt22px{margin-top:22px}.mt21px{margin-top:21px}.mt20px{margin-top:20px}.mt19px{margin-top:19px}.mt18px{margin-top:18px}.mt17px{margin-top:17px}.mt16px{margin-top:16px}.mt15px{margin-top:15px}.mt14px{margin-top:14px}.mt13px{margin-top:13px}.mt12px{margin-top:12px}.mt11px{margin-top:11px}.mt10px{margin-top:10px}.mt9px{margin-top:9px}.mt8px{margin-top:8px}.mt7px{margin-top:7px}.mt6px{margin-top:6px}.mt5px{margin-top:5px}.mt4px{margin-top:4px}.mt3px{margin-top:3px}.mt2px{margin-top:2px}.mt1px{margin-top:1px}.ml40px{margin-left:40px}.ml39px{margin-left:39px}.ml38px{margin-left:38px}.ml37px{margin-left:37px}.ml36px{margin-left:36px}.ml35px{margin-left:35px}.ml34px{margin-left:34px}.ml33px{margin-left:33px}.ml32px{margin-left:32px}.ml31px{margin-left:31px}.ml30px{margin-left:30px}.ml29px{margin-left:29px}.ml28px{margin-left:28px}.ml27px{margin-left:27px}.ml26px{margin-left:26px}.ml25px{margin-left:25px}.ml24px{margin-left:24px}.ml23px{margin-left:23px}.ml22px{margin-left:22px}.ml21px{margin-left:21px}.ml20px{margin-left:20px}.ml19px{margin-left:19px}.ml18px{margin-left:18px}.ml17px{margin-left:17px}.ml16px{margin-left:16px}.ml15px{margin-left:15px}.ml14px{margin-left:14px}.ml13px{margin-left:13px}.ml12px{margin-left:12px}.ml11px{margin-left:11px}.ml10px{margin-left:10px}.ml9px{margin-left:9px}.ml8px{margin-left:8px}.ml7px{margin-left:7px}.ml6px{margin-left:6px}.ml5px{margin-left:5px}.ml4px{margin-left:4px}.ml3px{margin-left:3px}.ml2px{margin-left:2px}.ml1px{margin-left:1px}.mr40px{margin-right:40px}.mr39px{margin-right:39px}.mr38px{margin-right:38px}.mr37px{margin-right:37px}.mr36px{margin-right:36px}.mr35px{margin-right:35px}.mr34px{margin-right:34px}.mr33px{margin-right:33px}.mr32px{margin-right:32px}.mr31px{margin-right:31px}.mr30px{margin-right:30px}.mr29px{margin-right:29px}.mr28px{margin-right:28px}.mr27px{margin-right:27px}.mr26px{margin-right:26px}.mr25px{margin-right:25px}.mr24px{margin-right:24px}.mr23px{margin-right:23px}.mr22px{margin-right:22px}.mr21px{margin-right:21px}.mr20px{margin-right:20px}.mr19px{margin-right:19px}.mr18px{margin-right:18px}.mr17px{margin-right:17px}.mr16px{margin-right:16px}.mr15px{margin-right:15px}.mr14px{margin-right:14px}.mr13px{margin-right:13px}.mr12px{margin-right:12px}.mr11px{margin-right:11px}.mr10px{margin-right:10px}.mr9px{margin-right:9px}.mr8px{margin-right:8px}.mr7px{margin-right:7px}.mr6px{margin-right:6px}.mr5px{margin-right:5px}.mr4px{margin-right:4px}.mr3px{margin-right:3px}.mr2px{margin-right:2px}.mr1px{margin-right:1px}.mb40px{margin-bottom:40px}.mb39px{margin-bottom:39px}.mb38px{margin-bottom:38px}.mb37px{margin-bottom:37px}.mb36px{margin-bottom:36px}.mb35px{margin-bottom:35px}.mb34px{margin-bottom:34px}.mb33px{margin-bottom:33px}.mb32px{margin-bottom:32px}.mb31px{margin-bottom:31px}.mb30px{margin-bottom:30px}.mb29px{margin-bottom:29px}.mb28px{margin-bottom:28px}.mb27px{margin-bottom:27px}.mb26px{margin-bottom:26px}.mb25px{margin-bottom:25px}.mb24px{margin-bottom:24px}.mb23px{margin-bottom:23px}.mb22px{margin-bottom:22px}.mb21px{margin-bottom:21px}.mb20px{margin-bottom:20px}.mb19px{margin-bottom:19px}.mb18px{margin-bottom:18px}.mb17px{margin-bottom:17px}.mb16px{margin-bottom:16px}.mb15px{margin-bottom:15px}.mb14px{margin-bottom:14px}.mb13px{margin-bottom:13px}.mb12px{margin-bottom:12px}.mb11px{margin-bottom:11px}.mb10px{margin-bottom:10px}.mb9px{margin-bottom:9px}.mb8px{margin-bottom:8px}.mb7px{margin-bottom:7px}.mb6px{margin-bottom:6px}.mb5px{margin-bottom:5px}.mb4px{margin-bottom:4px}.mb3px{margin-bottom:3px}.mb2px{margin-bottom:2px}.mb1px{margin-bottom:1px}.m0px{margin:0 !important}.mt0px{margin-top:0 !important}.mb0px{margin-bottom:0 !important}.ml0px{margin-left:0 !important}.mr0px{margin-right:0 !important}.p40px{padding:40px}.p39px{padding:39px}.p38px{padding:38px}.p37px{padding:37px}.p36px{padding:36px}.p35px{padding:35px}.p34px{padding:34px}.p33px{padding:33px}.p32px{padding:32px}.p31px{padding:31px}.p30px{padding:30px}.p29px{padding:29px}.p28px{padding:28px}.p27px{padding:27px}.p26px{padding:26px}.p25px{padding:25px}.p24px{padding:24px}.p23px{padding:23px}.p22px{padding:22px}.p21px{padding:21px}.p20px{padding:20px}.p19px{padding:19px}.p18px{padding:18px}.p17px{padding:17px}.p16px{padding:16px}.p15px{padding:15px}.p14px{padding:14px}.p13px{padding:13px}.p12px{padding:12px}.p11px{padding:11px}.p10px{padding:10px}.p9px{padding:9px}.p8px{padding:8px}.p7px{padding:7px}.p6px{padding:6px}.p5px{padding:5px}.p4px{padding:4px}.p3px{padding:3px}.p2px{padding:2px}.p1px{padding:1px}.pt40px{padding-top:40px}.pt39px{padding-top:39px}.pt38px{padding-top:38px}.pt37px{padding-top:37px}.pt36px{padding-top:36px}.pt35px{padding-top:35px}.pt34px{padding-top:34px}.pt33px{padding-top:33px}.pt32px{padding-top:32px}.pt31px{padding-top:31px}.pt30px{padding-top:30px}.pt29px{padding-top:29px}.pt28px{padding-top:28px}.pt27px{padding-top:27px}.pt26px{padding-top:26px}.pt25px{padding-top:25px}.pt24px{padding-top:24px}.pt23px{padding-top:23px}.pt22px{padding-top:22px}.pt21px{padding-top:21px}.pt20px{padding-top:20px}.pt19px{padding-top:19px}.pt18px{padding-top:18px}.pt17px{padding-top:17px}.pt16px{padding-top:16px}.pt15px{padding-top:15px}.pt14px{padding-top:14px}.pt13px{padding-top:13px}.pt12px{padding-top:12px}.pt11px{padding-top:11px}.pt10px{padding-top:10px}.pt9px{padding-top:9px}.pt8px{padding-top:8px}.pt7px{padding-top:7px}.pt6px{padding-top:6px}.pt5px{padding-top:5px}.pt4px{padding-top:4px}.pt3px{padding-top:3px}.pt2px{padding-top:2px}.pt1px{padding-top:1px}.pl40px{padding-left:40px}.pl39px{padding-left:39px}.pl38px{padding-left:38px}.pl37px{padding-left:37px}.pl36px{padding-left:36px}.pl35px{padding-left:35px}.pl34px{padding-left:34px}.pl33px{padding-left:33px}.pl32px{padding-left:32px}.pl31px{padding-left:31px}.pl30px{padding-left:30px}.pl29px{padding-left:29px}.pl28px{padding-left:28px}.pl27px{padding-left:27px}.pl26px{padding-left:26px}.pl25px{padding-left:25px}.pl24px{padding-left:24px}.pl23px{padding-left:23px}.pl22px{padding-left:22px}.pl21px{padding-left:21px}.pl20px{padding-left:20px}.pl19px{padding-left:19px}.pl18px{padding-left:18px}.pl17px{padding-left:17px}.pl16px{padding-left:16px}.pl15px{padding-left:15px}.pl14px{padding-left:14px}.pl13px{padding-left:13px}.pl12px{padding-left:12px}.pl11px{padding-left:11px}.pl10px{padding-left:10px}.pl9px{padding-left:9px}.pl8px{padding-left:8px}.pl7px{padding-left:7px}.pl6px{padding-left:6px}.pl5px{padding-left:5px}.pl4px{padding-left:4px}.pl3px{padding-left:3px}.pl2px{padding-left:2px}.pl1px{padding-left:1px}.pr40px{padding-right:40px}.pr39px{padding-right:39px}.pr38px{padding-right:38px}.pr37px{padding-right:37px}.pr36px{padding-right:36px}.pr35px{padding-right:35px}.pr34px{padding-right:34px}.pr33px{padding-right:33px}.pr32px{padding-right:32px}.pr31px{padding-right:31px}.pr30px{padding-right:30px}.pr29px{padding-right:29px}.pr28px{padding-right:28px}.pr27px{padding-right:27px}.pr26px{padding-right:26px}.pr25px{padding-right:25px}.pr24px{padding-right:24px}.pr23px{padding-right:23px}.pr22px{padding-right:22px}.pr21px{padding-right:21px}.pr20px{padding-right:20px}.pr19px{padding-right:19px}.pr18px{padding-right:18px}.pr17px{padding-right:17px}.pr16px{padding-right:16px}.pr15px{padding-right:15px}.pr14px{padding-right:14px}.pr13px{padding-right:13px}.pr12px{padding-right:12px}.pr11px{padding-right:11px}.pr10px{padding-right:10px}.pr9px{padding-right:9px}.pr8px{padding-right:8px}.pr7px{padding-right:7px}.pr6px{padding-right:6px}.pr5px{padding-right:5px}.pr4px{padding-right:4px}.pr3px{padding-right:3px}.pr2px{padding-right:2px}.pr1px{padding-right:1px}.pb40px{padding-bottom:40px}.pb39px{padding-bottom:39px}.pb38px{padding-bottom:38px}.pb37px{padding-bottom:37px}.pb36px{padding-bottom:36px}.pb35px{padding-bottom:35px}.pb34px{padding-bottom:34px}.pb33px{padding-bottom:33px}.pb32px{padding-bottom:32px}.pb31px{padding-bottom:31px}.pb30px{padding-bottom:30px}.pb29px{padding-bottom:29px}.pb28px{padding-bottom:28px}.pb27px{padding-bottom:27px}.pb26px{padding-bottom:26px}.pb25px{padding-bottom:25px}.pb24px{padding-bottom:24px}.pb23px{padding-bottom:23px}.pb22px{padding-bottom:22px}.pb21px{padding-bottom:21px}.pb20px{padding-bottom:20px}.pb19px{padding-bottom:19px}.pb18px{padding-bottom:18px}.pb17px{padding-bottom:17px}.pb16px{padding-bottom:16px}.pb15px{padding-bottom:15px}.pb14px{padding-bottom:14px}.pb13px{padding-bottom:13px}.pb12px{padding-bottom:12px}.pb11px{padding-bottom:11px}.pb10px{padding-bottom:10px}.pb9px{padding-bottom:9px}.pb8px{padding-bottom:8px}.pb7px{padding-bottom:7px}.pb6px{padding-bottom:6px}.pb5px{padding-bottom:5px}.pb4px{padding-bottom:4px}.pb3px{padding-bottom:3px}.pb2px{padding-bottom:2px}.pb1px{padding-bottom:1px}.p0px{padding:0 !important}.pt0px{padding-top:0 !important}.pb0px{padding-bottom:0 !important}.pl0px{padding-left:0 !important}.pr0px{padding-right:0 !important}.w100{width:100%}.w99{width:99%}.w98{width:98%}.w97{width:97%}.w96{width:96%}.w95{width:95%}.w94{width:94%}.w93{width:93%}.w92{width:92%}.w91{width:91%}.w90{width:90%}.w89{width:89%}.w88{width:88%}.w87{width:87%}.w86{width:86%}.w85{width:85%}.w84{width:84%}.w83{width:83%}.w82{width:82%}.w81{width:81%}.w80{width:80%}.w79{width:79%}.w78{width:78%}.w77{width:77%}.w76{width:76%}.w75{width:75%}.w74{width:74%}.w73{width:73%}.w72{width:72%}.w71{width:71%}.w70{width:70%}.w69{width:69%}.w68{width:68%}.w67{width:67%}.w66{width:66%}.w65{width:65%}.w64{width:64%}.w63{width:63%}.w62{width:62%}.w61{width:61%}.w60{width:60%}.w59{width:59%}.w58{width:58%}.w57{width:57%}.w56{width:56%}.w55{width:55%}.w54{width:54%}.w53{width:53%}.w52{width:52%}.w51{width:51%}.w50{width:50%}.w49{width:49%}.w48{width:48%}.w47{width:47%}.w46{width:46%}.w45{width:45%}.w44{width:44%}.w43{width:43%}.w42{width:42%}.w41{width:41%}.w40{width:40%}.w39{width:39%}.w38{width:38%}.w37{width:37%}.w36{width:36%}.w35{width:35%}.w34{width:34%}.w33{width:33%}.w32{width:32%}.w31{width:31%}.w30{width:30%}.w29{width:29%}.w28{width:28%}.w27{width:27%}.w26{width:26%}.w25{width:25%}.w24{width:24%}.w23{width:23%}.w22{width:22%}.w21{width:21%}.w20{width:20%}.w19{width:19%}.w18{width:18%}.w17{width:17%}.w16{width:16%}.w15{width:15%}.w14{width:14%}.w13{width:13%}.w12{width:12%}.w11{width:11%}.w10{width:10%}.w9{width:9%}.w8{width:8%}.w7{width:7%}.w6{width:6%}.w5{width:5%}.w4{width:4%}.w3{width:3%}.w2{width:2%}.w1{width:1%}img{max-width:100%}

.lhn{line-height:normal}.lh12px{line-height:12px}.lh14px{line-height:14px}.lh16px{line-height:16px}.lh18px{line-height:18px}.lh20px{line-height:20px}.lh22px{line-height:22px}.lh24px{line-height:24px}.lh26px{line-height:26px}.lh28px{line-height:28px}.lh30px{line-height:30px}.lh32px{line-height:32px}.lh34px{line-height:34px}.lh36px{line-height:36px}.lh38px{line-height:38px}.lh40px{line-height:40px}.lh42px{line-height:42px}.lh44px{line-height:44px}.lh46px{line-height:46px}.lh48px{line-height:48px}.lh50px{line-height:50px}

.fs11px{font-size:11px;}.fs12px{font-size:12px;}.fs13px{font-size:13px;}.fs14px{font-size:14px}.fs15px{font-size:15px}.fs16px{font-size:16px}.fs17px{font-size:17px}.fs18px{font-size:18px}.fs20px{font-size:20px}.fs22px{font-size:22px}.fs24px{font-size:24px}.fs25px{font-size:25px}.fs26px{font-size:26px}.fs27px{font-size:27px}.fs28px{font-size:28px}.fs29px{font-size:29px}.fs30px{font-size:30px}.fs31px{font-size:31px}.fs32px{font-size:32px}.fs33px{font-size:33px}.fs34px{font-size:34px}.fs35px{font-size:35px}.fs36px{font-size:36px}.fs37px{font-size:37px}.fs38px{font-size:38px}.fs39px{font-size:39px}.fs40px{font-size:40px}.fs46px{font-size:46px;}.fs50px{font-size:50px;}

.fw300{font-weight:300;}.fw400{font-weight:400;}.fw500{font-weight:500;}.fw600{font-weight:600;}.fw700{font-weight:700;}.fw900{font-weight:900;}
body,input,select,textarea,button{font-family:"Poppins",sans-serif}
body{color:#6a6e7e;font-size:16px;line-height:24px;font-weight:400;background:#fff; overflow-x:hidden;}

.red{color:#e62d2f}
.pink{color:#ef40a7}
.black{color:#000}
.green{color:#649e13}
.grayL{color:#999;}
.grayD{color:#2c2c2b}
.yellow{color:#ffc31d}
.white{color:#fff}
.orange{color:#ff6a00}
.blue{color:#2c395f;}
.royalBlue{color:#304ffe;}
.cyan{color:#006461;}
.brown{color:#824310;}
.purple{color:#5b6693;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,.btn{font-weight:bold}
.transition,.transitionAll,.transitionAll *,a{transition:all .35s ease-out;-webkit-transition:all .35s ease-out}
.clear{clear:both}
.linkPrimary{color:#006461}
.linkSecondary{color:#333}
.colorPrimary{color:#006461}

a{text-decoration:none;color:#e62d2f}
a:hover,a:focus{color:#e62d2f}
.u{text-decoration:underline}
.u:hover,.u:focus{text-decoration:none}
.small{font-size:11px;line-height:normal}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.aj{text-align:justify !important}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:22px}
h4,.h4{font-size:18px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{}
.fl{float:left}
.fr{float:right}
.i{font-style:italic}
.dib100{display:inline-block;width:100%}
.dib{display:inline-block}
.dn{display:none}
p{margin:0 0 15px}
.b{font-weight:bold}
.ttu{text-transform:uppercase !important}
.ttc{text-transform:capitalize !important}
.ttn{text-transform:none !important}
.tdn, a.tdn{text-decoration:none;}
div.error,label.error{color:#c9252b;margin-top:10px;float:left}
label{font-weight:500; color:#333;}
.Poppins{font-family:'Poppins', sans-serif;}

/*.table-bordered td, .table-bordered th{border:1px solid #bfd8ee; padding:5px 10px;}
.table thead th{border-bottom:2px solid #bfd8ee; background:#dae9f5; color:#006461; vertical-align:middle;}
.table-striped tbody tr:nth-of-type(2n+1){background-color:#f1f6fb;}
.tableSmall td, .tableSmall th{padding:5px;}*/

body p:last-of-type{margin-bottom:0}

textarea.form-control{min-height:100px;}
.form-control{font-size:14px; border:1px solid #ddd; box-shadow:none !important; background:#f8f8f8; height:40px;}
.form-control:disabled, .form-control[readonly]{background-color:#fff; opacity:1; cursor:not-allowed;}
.custom-select{border-radius:0; height:33.5px;}
.section{padding-top:60px; padding-bottom:60px; position:relative;}
.sectionTitle h1, .sectionTitle h2{font-size:30px;}
.sectionTitle .after{display:inline-block; line-height:0; margin-top:20px; width:30px; height:2px; background:#ff2a01;}
.modal{text-align:center;padding:0 !important}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}

.custom-select{min-height:40px; border-radius:4px; background-color:#f8f8f8; font-size:14px;}

.btn{border:0;font-family:"Poppins",sans-serif; font-weight:400;padding:8px 20px;line-height:1;font-size:12px;position:relative;cursor:pointer;text-transform:uppercase; letter-spacing: 3px; min-height:40px;}
.btn-lg{padding:22px 35px; line-height:1;}
.btn-round{border-radius:20px; padding:8px 25px;}
.btn-lg.btn-round{border-radius:30px; padding:22px 35px;}
.btn-primary{background-color:#133b78;color:#fff}
.btn-primary:hover{color:#fff;background-color:#4155c6;border-color:#4155c6}
.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active{color:#fff;background-color:#4155c6;box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#4155c6}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#4155c6;color:#fff}

.btn-info{background-color:#e62d2f;color:#fff;border:2px solid #e62d2f}
.btn-info:hover{color:#fff;background-color:#cf282a;border-color:#cf282a}
.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active{color:#fff;background-color:#cf282a;box-shadow:0 0 0 0.2rem rgba(255,42,1,0.3);border-color:#cf282a}
.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 0.2rem rgba(255,42,1,0.3);border-color:#cf282a;color:#fff}

.btn-default{background-color:#fff;color:#333;border:2px solid #333}
.btn-default:hover{color:#006461;border-color:#006461}
.btn-default:not([disabled]):not(.disabled).active,.btn-default:not([disabled]):not(.disabled):active{color:#006461;box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#006461}
.btn-default.focus,.btn-default:focus{box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#006461}

.btnGray{border:0 !important; background:#666; box-shadow:none !important; color:#fff; font-weight:normal;}
.btnGray:hover{background:#00504e;}

.btnGrdnt{background-color:#304ffe; background-image: -moz-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%); background-image: -webkit-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%); background-image: -ms-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%); color:#fff !important;}

.btnGrdnt2{background-color:#8945d6; background-image: -moz-linear-gradient( 0deg, #8945d6 0%, #e73321 100%); background-image: -webkit-linear-gradient( 0deg, #8945d6 0%, #e73321 100%); background-image: -ms-linear-gradient( 0deg, #8945d6 0%, #e73321 100%); color:#fff !important;}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text{border-top-left-radius:0; border-bottom-left-radius:0;}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){border-top-right-radius:0; border-bottom-right-radius:0; border-right:0;}

input.datepicker{background-image:url(../images/calendar.gif) !important; background-repeat:no-repeat; background-position:calc(100% - 10px) center;}

.withFlexCol{margin:0 -15px}
.withFlexCol > .flexCol{padding-left:15px;padding-right:15px}
.flexCol.flexColFull{width:100% !important}
.flexCol-2 > .flexCol{width:50%} .flexCol-3 > .flexCol{width:33.3333333333%} .flexCol-4 > .flexCol{width:25%} .flexCol-5 > .flexCol{width:20%} .flexCol-6 > .flexCol{width:16.6666666667%} .flexCol-7 > .flexCol{width:14.2857142857%} .flexCol-8 > .flexCol{width:12.5%} .flexCol-9 > .flexCol{width:11.1111111111%} .flexCol-10 > .flexCol{width:10%} .flexCol-11 > .flexCol{width:9.0909090909%} .flexCol-12 > .flexCol{width:8.3333333333%}
@media (max-width:1100px){
.flexColMd-1 > .flexCol{width:100%;} .flexColMd-2 > .flexCol{width:50%} .flexColMd-3 > .flexCol{width:33.3333333333%} .flexColMd-4 > .flexCol{width:25%} .flexColMd-5 > .flexCol{width:20%} .flexColMd-6 > .flexCol{width:16.6666666667%} .flexColMd-7 > .flexCol{width:14.2857142857%}  .flexColMd-8 > .flexCol{width:12.5%} .flexColMd-9 > .flexCol{width:11.1111111111%} .flexColMd-10 > .flexCol{width:10%} .flexColMd-11 > .flexCol{width:9.0909090909%} .flexColMd-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:980px){
.flexCol980-1 > .flexCol{width:100%;} .flexCol980-2 > .flexCol{width:50%} .flexCol980-3 > .flexCol{width:33.3333333333%} .flexCol980-4 > .flexCol{width:25%} .flexCol980-5 > .flexCol{width:20%} .flexCol980-6 > .flexCol{width:16.6666666667%} .flexCol980-7 > .flexCol{width:14.2857142857%}  .flexCol980-8 > .flexCol{width:12.5%} .flexCol980-9 > .flexCol{width:11.1111111111%} .flexCol980-10 > .flexCol{width:10%} .flexCol980-11 > .flexCol{width:9.0909090909%} .flexCol980-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:700px){
.flexColSm-1 > .flexCol{width:100%;} .flexColSm-2 > .flexCol{width:50%} .flexColSm-3 > .flexCol{width:33.3333333333%} .flexColSm-4 > .flexCol{width:25%} .flexColSm-5 > .flexCol{width:20%} .flexColSm-6 > .flexCol{width:16.6666666667%} .flexColSm-7 > .flexCol{width:14.2857142857%} .flexColSm-8 > .flexCol{width:12.5%} .flexColSm-9 > .flexCol{width:11.1111111111%} .flexColSm-10 > .flexCol{width:10%} .flexColSm-11 > .flexCol{width:9.0909090909%} .flexColSm-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:480px){
.flexColXs-1 > .flexCol{width:100%;} .flexColXs-2 > .flexCol{width:50%} .flexColXs-3 > .flexCol{width:33.3333333333%} .flexColXs-4 > .flexCol{width:25%} .flexColXs-5 > .flexCol{width:20%} .flexColXs-6 > .flexCol{width:16.6666666667%} .flexColXs-7 > .flexCol{width:14.2857142857%} .flexColXs-8 > .flexCol{width:12.5%} .flexColXs-9 > .flexCol{width:11.1111111111%} .flexColXs-10 > .flexCol{width:10%} .flexColXs-11 > .flexCol{width:9.0909090909%} .flexColXs-12 > .flexCol{width:8.3333333333%}
}

.listStyle{margin:0;padding:0;list-style:none}
.listStyle>li{font-size:16px;line-height:22px;color:#333;position:relative;padding-left:30px;padding-bottom:15px}
.listStyle>li:before{content:"\f00c";font-family:"Font Awesome 5 Pro";position:absolute;left:0;top:0;color:#ff2a01;font-weight:normal}
.listStyle.listStyleCircle>li{padding-left:40px;min-height:50px;padding-top:5px}
.listStyle.listStyleCircle>li:before{width:30px;height:30px;background:#ffc31d;color:#006461;border-radius:30px;text-align:center;line-height:30px}

.social a{font-size:24px;text-decoration:none;width:40px;height:40px;border-radius:40px;line-height:40px;display:inline-block;text-align:center;background:#fff;color:#2c395f}
.social a.fb:hover{color:#4e71a8;}
.social a.twitter:hover{color:#1cb7eb;}
.social a.google:hover{color:#e3411f;}
.social a.youtube:hover{color:#ca3737;}
.social a.linkedin:hover{color:#2a6e92;}
.social a.skype:hover{color:#03acec;}
.social a.instagram{background-color:#ca3737; background-image:-webkit-linear-gradient(top, #7932c8, #a31d93 25%, #c43063 50%, #cb594a 75%, #df973e); background-image:-moz-linear-gradient(top, #7932c8, #a31d93 25%, #c43063 50%, #cb594a 75%, #df973e); background-image:-o-linear-gradient(top, #7932c8, #a31d93 25%, #c43063 50%, #cb594a 75%, #df973e); background-image:-ms-linear-gradient(top, #7932c8, #a31d93 25%, #c43063 50%, #cb594a 75%, #df973e); background-image:linear-gradient(to bottom, #7932c8, #a31d93 25%, #c43063 50%, #cb594a 75%, #df973e);}
.social a.whatsapp{background-color:#2cb742;}
.social a.messenger{background-color:#0382f9;}
.social a.messenger>img{width:20px;margin-top:12px}

.scrollToTop {bottom: 42px;cursor: pointer;font-size: 12px;text-align: center;position: fixed;right: 10px;z-index: 9;color: #fff;width: 40px;text-transform: uppercase;height: 40px;background: #2c395f;line-height: 40px;border-radius: 3px;}
.scrollToTop::before {content: "";position: absolute;left: 13px;top: -4px;width: 14px;height: 14px;background: #2c395f;transform: rotate(45deg);}
strong{font-weight:bold;}

.mobileMenu{position:fixed; right:-300px; top:0; z-index:11; width:260px; height:100%; background:#fff; transition:all .35s ease-in-out;}
.closeMenu{position:absolute; width:30px; line-height:30px; text-align:center; background:#fff; top:0; left:-31px; cursor:pointer;}
.mobileMenu ul{list-style:none; margin:0; padding:0; overflow-x:hidden; display:block; max-height:100%;}
.mobileMenu > ul > li{border-bottom:1px solid #ddd; position:relative;}
.mobileMenu > ul > li > a{padding:10px; display:block; color:#2c2c2b; font-weight:bold; text-decoration:none;}
.mobileMenu .sub-menu{background:#f1f1f1; display:none;}
.mobileMenu .sub-menu a{padding:5px 10px 5px 30px; display:block; color:#2c2c2b; text-decoration:none; position:relative;}
.mobileMenu .sub-menu a:before{content:"\f105"; font-weight:normal; font-family:"Font Awesome 5 Pro"; position:absolute; left:15px; top:5px;}
.openSub{position:absolute; right:0; top:0; z-index:1; cursor:pointer; line-height:45px; width:45px; text-align:center; font-size:24px; color:#2c2c2b;}
.mobileMenuOverlay{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10; display:none;}
.mobileMenu.active{right:0;}
.mobileMenu.active{right:0;}

.toggleOnOff input{display:none;}
.toggleOnOff label{display:inline-block !important; width:60px; background-color:#899dbb; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-shadow:none; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin:0 !important; padding:0 !important; line-height:40px; cursor:pointer;}
.toggleOnOff table > tbody > tr > td:nth-child(1) label{border-radius:4px 0 0 4px;}
.toggleOnOff table > tbody > tr > td:nth-child(2) label{border-radius:0 4px 4px 0; margin-left:1px !important;}
.toggleOnOff table > tbody > tr > td:nth-child(1) input:checked + label{background-color:#133b78; color:#fff;}
.toggleOnOff table > tbody > tr > td:nth-child(2) input:checked + label{background-color:#133b78; color:#fff;}

/*************************************************************************************************************************************/
.container{max-width:1280px;}
.svgtitle{fill-opacity:0; stroke-dasharray:1000; stroke-dashoffset:1000; animation:draw 3s linear forwards, hide_stroke 1s 2s forwards, show 1s 2s forwards;}
.circle{fill-opacity:0; animation:show 1s 2s forwards;}

@keyframes draw{ to{stroke-dashoffset:0;}}
@-webkit-keyframes draw{ to{stroke-dashoffset:0;}}
@-moz-keyframes draw{ to{stroke-dashoffset:0;}}
@-o-keyframes draw{ to{stroke-dashoffset:0;}}

@keyframes show{ to{fill-opacity:1;}}
@-webkit-keyframes show{ to{fill-opacity:1;}}
@-moz-keyframes show{ to{fill-opacity:1;}}
@-o-keyframes show{ to{fill-opacity:1;}}

@keyframes hide_stroke{ to{stroke-opacity:0;}}
@-webkit-keyframes hide_stroke{ to{stroke-opacity:0;}}
@-moz-keyframes hide_stroke{ to{stroke-opacity:0;}}
@-o-keyframes hide_stroke{ to{stroke-opacity:0;}}
body.homePage .header { background: rgba(0,0,0,0.1); }
.header{position:fixed; left:0; top:0; z-index:9; transition: all 0.5s; background: rgba(0,0,0,0.4); }
.header .container-fluid{max-width:100%; position:relative; z-index:1;}
.header .logo{display:inline-flex; padding-left:30px; /*height:100px;*/ position:relative; cursor:pointer; /* pointer-events:none; */}
.header .logo img { max-width:300px; }
.header .logo .icon > img, .header .logo .icon > svg{height:100%; width:auto; max-width:100%;}
.header .logo .icon{left:0; top:0; height:100px; width:100px; position:fixed; text-align:center; z-index:3; transition:all .1s ease-in-out; display:none; }
.homePage .logo .icon{animation-name:logoAnim; animation-duration:1s; animation-fill-mode:forwards; animation-direction:alternate; animation-delay:6s;}
.header .logo .txt2{opacity:0; visibility:hidden; position:absolute; left:80px; top:50%; transform:translateY(-50%);}
.headerBg{background:#fff; position:absolute; left:0; top:0; height:80px; width:100%; opacity:0;}

.header.scrollUp {transform: translateY(0px);}

.body_scrolled .header .headerBg{opacity:.95;}
.body_scrolled .header .logo .txt{opacity:0; visibility:hidden;}
.body_scrolled .header .logo .txt2{opacity:1; visibility:visible;}

.body_scrolled .header .nav ul > li > a{color:#2c395f;}
.body_scrolled .header .nav ul > li:hover > a{color:#304ffe;}
.body_scrolled .header .nav ul > li.active:hover > a,
.body_scrolled .header .nav > ul > li.active > a{color:#2c395f;}
.body_scrolled .header .nav ul > li.menu-item-has-children:hover > a,
.body_scrolled .header .nav > ul > li.menu-item-has-children > .sub-menu a{color:#fff;}

.homePage .header .logo .icon{left:0; top:0; height:100vh; width:100%; position:fixed; text-align:center; z-index:3; animation-name:logoAnim; animation-duration:1s; animation-fill-mode:forwards; animation-direction:alternate; animation-delay:3s; transition:all .1s ease-in-out;}
@keyframes logoAnim{from{height:100vh; width:100%;} to{left:0; top:0; width:90px; height:90px;}}
.homePage .animBg{position:fixed; width:100%; height:100%; left:0; top:0; z-index:2; display:block; animation-name:logoFadeAnim; animation-duration:2s; animation-delay:4s; animation-fill-mode:forwards; background-color:#333; background-position:center center;}
@keyframes logoFadeAnim{from{opacity:1;} to{opacity:0; visibility:hidden;}}

.nav ul{list-style:none; margin:0; padding:0;}
.nav ul > li{display:inline-block; float:left;}
.nav ul > li.btnList{display:inline-flex; align-items:center; height:80px; padding-left:20px;}
.nav ul > li > a{color:#fff; font-size:16px; display:inline-block; line-height:80px; text-decoration:none; position:relative; font-weight:bold; padding:0 20px; transition:none; text-transform:uppercase;}
.nav ul > li > a.btn {line-height: 40px;padding: 0 25px;letter-spacing: 0;}
.nav ul > li:hover > a{color:#fff;}
.nav ul > li.active:hover > a, .nav > ul > li.active > a{color:#fff;}
.nav ul > li.last{float:right; padding:0;}
.nav ul > li.last > a{background:#649e13; padding:0 25px;}
.nav ul > li.last:hover > a{background:#5b910f;}
.nav ul > li.last:hover > a:before{display:none;}

.nav > ul > li:hover > a:before, .nav > ul > li.active > a:before{width:calc(100% - 40px);}
.nav > ul > li > a:before{content:''; display:inline-block; width:0; height:2px; background:#304ffe; position:absolute; bottom:0; left:20px; -webkit-transition:width 0.4s; transition:width 0.4s;}

.nav ul > li.menu-item-has-children:hover > a{color:#fff; background:#304ffe;}
.nav > ul > li.menu-item-has-children{position:relative;}
.nav ul > li > a.btn:before, .nav > ul > li.menu-item-has-children:not(.active) > a:before{display:none !important;}
.nav > ul > li.menu-item-has-children > a:after{content:"\f107"; font-weight:normal; font-family:"Font Awesome 5 Pro"; display:inline-block; margin-left:10px;}
.nav > ul > li.menu-item-has-children:hover > .sub-menu{display:block;}
.nav > ul > li.menu-item-has-children > .sub-menu{position:absolute; left:0; top:80px; background:#304ffe; min-width:220px; display:none;}
.nav > ul > li.menu-item-has-children > .sub-menu > li{padding-left:0; width:100%;}
.nav > ul > li.menu-item-has-children > .sub-menu a{color:#fff; font-size:14px; display:block; line-height:normal; padding:10px 20px; text-decoration:none; text-transform:uppercase;}
.nav > ul > li.menu-item-has-children > .sub-menu a:hover{background:rgba(0,0,0,.3);}
/* .nav > ul > li.menu-item-has-children.active:hover > a{background:#6c69be; color:#fff;}
.nav > ul > li.menu-item-has-children.active:hover > a:before{display:none;} */

.pulse:hover, .pulse:focus, .pulse_dark:hover, .pulse_dark:focus{-webkit-animation:pulse 1s; animation:pulse 1s; box-shadow:0 0 0 1em rgba(0, 0, 0, 0);}
@-webkit-keyframes pulse{ 0% { box-shadow:0 0 0 0 var(--hover);}}
@keyframes pulse{ 0% { box-shadow:0 0 0 0 var(--hover);}}
.pulse{--color:#fff; --hover:rgba(255, 255, 255,.2);}
.pulse_dark{--color:#fff; --hover:rgba(0, 0, 0,.2);}

.btnAnimated{overflow:hidden;}
.btn-lg.btn-round.btn.btnAnimated{padding-top:0; padding-bottom:0;}
.btnAnimated span{position:relative; padding-left:30px; line-height:60px; height:60px; display:inline-block;}
.btnAnimated span .icon{position:absolute; left:0; height:100%; display:flex; align-items:center; transition:0.5s; font-size: 16px;}
.btnAnimated .icon1{top:0;}
.btnAnimated .icon2{top:100%;}
.btnAnimated:hover .icon1{top:-100%;}
.btnAnimated:hover .icon2{top:0;}

.videoHome{position:relative; width:100%; height:100vh; text-align:center; overflow:hidden; margin:0 auto; background:#333;}
.videoHome .video{min-height:100%; min-width:100%; position:absolute; left:0; top:0;}
.vidOverlay{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.vidOverlay:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/videoOverlay.svg) no-repeat center top / cover;  }
.videoHome .caption{position:absolute; z-index:2; width:100%; left:0; top:50%; margin-top:80px;}
.videoHome .caption .container{width:auto; max-width:100%; display:inline-block;}
.grdntTxt{background:linear-gradient(to right, #f4b562, #ff6460 50%, #f76050); background-clip:border-box; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.videoHome .caption a.btn {min-width: 245px;}

.hpBanner{position:relative; overflow:hidden;}
.hpBanner .caption{position:absolute; z-index:1; width:100%; height:100%; display:flex; align-items:center;}
.hpBanner h4, .hpBanner h2{background:#fff;}
.fs60px{font-size:60px;}
.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both; animation-delay:;}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both; animation-delay:;}
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
.hpBanner .btn{width:230px;}
.hpBanner .img{opacity:0;}
.hpBanner .movingBg{width:110%; height:110%; position:absolute; top:0; left:-5%; z-index:-1; background:url(../images/hpPtrn.svg) no-repeat center center; transform:scale(1);}

.navStyle .owl-nav > .owl-next{right:20px;}
.navStyle .owl-nav > .owl-prev{left:20px;}
.navStyle .owl-nav > .owl-prev, .navStyle .owl-nav > .owl-next{height:80px; line-height:80px; background:none; color:rgba(255,255,255,.5); border:0; margin-top:-40px; font-size:80px; box-shadow:none;}
.navStyle .owl-nav > div:hover{color:#fff;}
.navStyle .fa-chevron-right::before{content:"\f105";}
.navStyle .fa-chevron-left::before{content:"\f104";}

.homePage .sectionFull{min-height:100vh; display:flex; align-items:center;}
@media (min-width:1190px){
/* #slides-container{width:100%; height:100%; overflow:hidden;} */
/* #hpslides{width:200%; height:200%; position:fixed; top:0; left:0;} */
/* .slide{position:absolute; top:0; left:0; width:50%; height:50%;} */
/* #slide-2{transform:translate(0,100%);} */
/* #slide-3{transform:translate(100%,100%);} */
/* #slide-4{transform:translate(100%,200%);} */
/* #slide-5{transform:translate(0,200%);} */
/* #slide-6{transform:translate(0,300%);} */
/* #slide-7{transform:translate(100%,300%);} */
}

#helper{position:absolute; left:0; top:0; height:710%; width:10px; display:none;}
.marker{height:25%; width:100%;}
.color1{background-color:#eee;}
.color2{background-color:#ddd;}
.color3{background-color:#ccc;}
.color4{background-color:#aaa;}
.color5{background-color:#999;}
.color6{background-color:#666;}
.color7{background-color:#333;}

.lightBg{background-color:#ebf0f3; background-image:-webkit-linear-gradient(-120deg, #e9f7ff, #fff); background-image:-moz-linear-gradient(-120deg, #e9f7ff, #fff); background-image:-o-linear-gradient(-120deg, #e9f7ff, #fff); background-image:-ms-linear-gradient(-120deg, #e9f7ff, #fff); background-image:linear-gradient(-120deg, #e9f7ff, #fff);}

.skyBg{background-color:#e7f8ff; background-image:-webkit-linear-gradient(120deg, #e7f8ff, #2cc6ff); background-image:-moz-linear-gradient(120deg, #e7f8ff, #2cc6ff); background-image:-o-linear-gradient(120deg, #e7f8ff, #2cc6ff); background-image:-ms-linear-gradient(120deg, #e7f8ff, #2cc6ff); background-image:linear-gradient(120deg, #e7f8ff, #2cc6ff);}

.stepListHp{margin-left:-10px; margin-right:-10px;}
.stepListHp .flexCol{padding:10px;}
.stepListHp .bg{background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); position:relative; padding:10px; transform-style:preserve-3d;}
.stepListHp .bg::after{content:""; width:15px; height:15px; background:#fff; display:block; position:absolute; right:-8px; top:50%; transform:rotate(45deg); margin-top:-7px;}
.stepListHp .flexCol:last-child .bg::after{display:none;}
.stepListHp .bg .number{position:absolute; left:10px; top:10px;}
.stepListHp .bg .name{margin-top:-12px; position:relative; z-index:1;}

#msAnim{position:relative; width:360px; height:110px; margin:40vh auto 0 auto;}
#msAnimCanvas{position:relative;}
#msAnim .title{stroke-dasharray:1000; stroke-dashoffset:1000; animation:draw 4s linear infinite; -webkit-animation:draw 4s linear forwards; -moz-animation:draw 4s linear forwards; -o-animation:draw 4s linear forwards;}
@keyframes draw{ to{stroke-dashoffset:0;}}
@-webkit-keyframes draw{ to{stroke-dashoffset:0;}}
@-moz-keyframes draw{ to{stroke-dashoffset:0;}}
@-o-keyframes draw{ to{stroke-dashoffset:0;}}

@keyframes serviceHp {
0% {left:0; right:auto; width:.5rem;}
50% {left:0; right:auto; width:100%;}
51% {left:auto; right:0; width:100%;}
to {left:auto; right:0; width:0;}
}

@keyframes serviceContainer{
0% {opacity:0;}
50% {opacity:.5;}
51% {opacity:.6;}
to {opacity:1;}
}

.serviceHpDiv{position:relative; z-index:1;}
.serviceHp .inner{position:relative; height:37vh; overflow:hidden; display:flex; align-items:center;}
.serviceHp .detail{position:relative; z-index:2; padding:50px 100px;}
.serviceHp .heading{line-height:50px;}
.serviceHp .bg, .serviceHp .videoHp, .serviceHp .img{position:absolute; left:0; top:0; width:100%;}
.serviceHp .videoHp{transition:transform 3s ease-in-out, -webkit-transform 3s ease-in-out;}
.serviceHp .inner:hover .videoHp{transform:scale(1.2);}
.serviceHp .bg{height:100%; z-index:1; opacity:.8;}

.bgBlue{background-color:#304ffe; background-image: -moz-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%); background-image: -webkit-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%); background-image: -ms-linear-gradient( 0deg, #304ffe 0%, #7a04ff 100%);}
.bgPurple{background-color:#e73321; background-image: -moz-linear-gradient( 0deg, #e73321 0%, #8945d6 100%); background-image: -webkit-linear-gradient( 0deg, #e73321 0%, #8945d6 100%); background-image: -ms-linear-gradient( 0deg, #e73321 0%, #8945d6 100%);}
.serviceHp a.rm{font-size:40px; color:#fff; position:absolute; bottom:20px; right:20px; z-index:2;}

.servicePageHp .section.ctaHp{position:absolute !important; left:0; bottom:0; width:100%; height:26vh; padding:0;}
.testimonialHp .container, .ctaHp .container{position:relative; z-index:1;}

.testimonialHp{overflow:hidden; min-height:510px; display:flex; align-items:center;}
.testimonialBg{width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/testimonialBg.svg) no-repeat left center; transform:scale(1);}
.testiSlider .bg{box-shadow:0 0 20px rgba(0,0,0,.1); padding:30px; background:#fff; transform-style:preserve-3d;}
.testiSlider .owl-item{max-width:430px;}
.testiSlider .item{max-width:430px; padding:20px;}
.testiSlider .owl-dots{text-align:left; padding-left:15px; bottom:-20px;}
.userInfo{padding-left:70px; margin-top:40px;}
.userInfo .img{display:inline-block; position:absolute; left:0; top:0;}
.userInfo .img > img{width:56px; height:56px; border-radius:56px;}
.testimonialHp .testiContainer{position:absolute; left:50%; top:50%; margin:0; max-width:100%; transform:translateY(-50%); z-index:2;}

.folioSlider .bg{position:absolute; left:0; top:50px; width:100%; height:100%;}
.folioSlider .container{position:relative; z-index:1; max-width:1800px;}
.folioSlider .img{width:;}
.folioSlider .detail{flex:1; padding:50px 10px 50px 50px; margin-top:50px;}
.folioSlider .detail.left{padding-left:10px; padding-right:50px;}
.folioSlider .btn:not(.btn-lg){font-size:14px; text-transform:none; padding:18px 20px; line-height:1;}
.folioSlider .last.inner{height:850px; display:flex; align-items:center;}
.folioSlider .last.inner .bg{top:0; height:calc(100% + 50px)}
.folioSlider .last.inner .bg:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#2c395f; background-image:-webkit-linear-gradient(120deg, #2c395f, #304ffe); background-image:-moz-linear-gradient(120deg, #2c395f, #304ffe); background-image:-o-linear-gradient(120deg, #2c395f, #304ffe); background-image:-ms-linear-gradient(120deg, #2c395f, #304ffe); background-image:linear-gradient(120deg, #2c395f, #304ffe); opacity:.8;}

.folioSlider .owl-prev, .folioSlider .owl-next{position:absolute; top:50%; z-index:2; width:40px; height:70px; line-height:70px; background:url(../images/arrow.svg) no-repeat center center; font-size:0; opacity:.4; margin-top:-15px;}
.folioSlider .owl-prev:hover, .folioSlider .owl-next:hover{opacity:1;}
.folioSlider .owl-prev{transform:rotate(180deg);}
.folioSlider .owl-prev{left:20px;}
.folioSlider .owl-next{right:20px;}
.folioSlider .disabled{opacity:0.1 !important;}
.folioSlider .detail .u,
.folioSlider .detail .name,
.folioSlider .detail .txt,
.folioSlider .detail .btn{transform:translateX(50%); opacity:0; transition:all .35s ease;}
.folioSlider .img{transform:translateX(-50%); opacity:0; transition:all .35s ease;}
.folioSlider .owl-item.active .img{transform:translateX(0); opacity:1;}
.folioSlider .owl-item.active .detail .u,
.folioSlider .owl-item.active .detail .name,
.folioSlider .owl-item.active .detail .txt,
.folioSlider .owl-item.active .detail .btn{transform:translateX(0); opacity:1;}
.folioSlider .owl-item .detail .u{transition-delay:0s, 200ms;}
.folioSlider .owl-item .detail .name{transition-delay:0s, 400ms;}
.folioSlider .owl-item .detail .txt{transition-delay:0s, 600ms;}
.folioSlider .owl-item .detail .btn{transition-delay:0s, 800ms;}
.folioSlider .last .name{transform:translateY(100%); opacity:0; transition:all .35s ease;}
.folioSlider .owl-item.active .last .name{transform:translateY(0); opacity:1;}
.folioSlider .last .btn{transform:translateY(-100%); opacity:0; transition:all .35s ease;}
.folioSlider .owl-item.active .last .btn{transform:translateY(0); opacity:1;}

.clientListHp{border-right:1px solid #d9e3e8; border-bottom:1px solid #d9e3e8;}
.clientListHp .flexCol{border-left:1px solid #d9e3e8; border-top:1px solid #d9e3e8;}
.clientListHp > .flexCol:last-child{border-right:0;}
.clientHP .clientListHp:last-child > .flexCol{border-bottom:0;}
.clientListHp .imgDiv{padding-top:75%; position:relative;}
.clientListHp .img{-webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:.5; transition:all .35s ease-in-out; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:98%;}
.clientListHp .img:hover{-webkit-filter:none; filter:none; opacity:1;}

.btmHp .inner{position:relative; height:100%; overflow:hidden;}
.btmHp .detail{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; padding:20px 20px 120px;}
.btmHp .heading{line-height:50px;}
.btmHp .bg{position:absolute; left:0; top:0; width:100%;}
.btmHp .videoHp{transition:transform 3s ease-in-out, -webkit-transform 3s ease-in-out;}
.btmHp .inner:hover .videoHp{transform:scale(1.2);}
.btmHp .bg{height:100%; z-index:1; opacity:.8;}
.btmHp .img{height:100vh; width:100%; background-size:cover; background-position:center center;}
.footer .social a{background:none; width:auto; height:auto; margin-left:30px;}
/* .hpFooter{position:absolute; left:0; bottom:0; width:100%; z-index:2;} */

canvas{display:block; vertical-align:bottom;}
#particles-js{position:absolute; width:100%; height:100%; background-image:url(""); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; z-index:1;}
#particles-js2{position:absolute; width:100%; height:100%; background-image:url(""); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; left:0; top:0;}

.fancybox-slide--iframe .fancybox-content{width:800px; height:600px; max-width:80%; max-height:80%; margin:0;}
.focus-in-contract-bck{-webkit-animation:focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(12px);transform:translateZ(12px);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(12px);transform:translateZ(12px);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

body.menuOpened{overflow:hidden;}
input#navcheck{position:fixed;opacity:0;}
input#navcheck + label {position:absolute;margin:0;padding:0;border:none;outline:none;background:none;cursor:pointer; opacity:0; visibility:hidden;}
input#navcheck + label::before {position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background-color:rgba(18, 67, 100, 0.6);content:'';opacity:0;pointer-events:none;transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
input#navcheck + label .burger {position:fixed;top:15px;right:15px;z-index:11;width:30px;height:20px;margin:0;padding:0;transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
input#navcheck + label .burger::before, input#navcheck + label .burger .bar, input#navcheck + label .burger::after {position:absolute;left:0;display:block;width:100%;height:12%;background:white;content:'';transition:all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
input#navcheck + label .burger .bar {top:44%;}
input#navcheck + label .burger::before {top:0;transform-origin:top left;}
input#navcheck + label .burger::after {bottom:0;transform-origin:bottom left;}
input#navcheck:focus + label .burger, input#navcheck + label:hover .burger {opacity:.75;}
span.visuallyhidden{font-size:0; opacity:0;}

nav{position:fixed;top:0;right:0;bottom:0;z-index:10;display:flex;flex-flow:column nowrap;align-items:flex-start;transform:translate3d(0, 0, 0); transform:translateX(100%);will-change:transform;transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); padding:70px 30px 0;}
nav::before {position:absolute;top:0;bottom:0;left:0;z-index:-1;width:25em;background:#4455c9; content:'';transform:skewX(-15deg) translateX(100%);transform-origin:bottom left;will-change:transform;transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}

@media (min-width:40em){nav#menu::before {width:40em;} }

nav#menu > ul{max-height:72vh; overflow-x:hidden;}
nav#menu ul{margin:0; padding:0; list-style:none;}
nav#menu ul.sub-menu{display:none;}
nav#menu ul.sub-menu a{font-size:16px; padding-left:0; padding-right:20px; min-width:inherit; border:0;}
nav#menu ul.sub-menu > li{padding-left:40px; position:relative;}
nav#menu ul.sub-menu > li::before{content:"\f178"; font-family:"Font Awesome 5 Pro"; display:block; position:absolute; left:15px; top:0; color:#fff; font-weight:300; opacity:.6; font-size:14px; padding:10px 0;}
nav#menu > ul > li{color:white;text-decoration:none;font-weight:500;transform:translateX(100%);transition:color .15s, transform .5s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); border-bottom:1px solid rgba(255,255,255,.2);}
nav#menu > ul > li:nth-child(1) {transition-delay:0s, 100ms;}
nav#menu > ul > li:nth-child(2) {transition-delay:0s, 150ms;}
nav#menu > ul > li:nth-child(3) {transition-delay:0s, 200ms;}
nav#menu > ul > li:nth-child(4) {transition-delay:0s, 250ms;}
nav#menu > ul > li:nth-child(5) {transition-delay:0s, 300ms;}
nav#menu > ul > li:nth-child(6) {transition-delay:0s, 350ms;}
nav#menu > ul > li:nth-child(7) {transition-delay:0s, 400ms;}
nav#menu > ul > li:nth-child(8) {transition-delay:0s, 450ms;}
nav#menu > ul > li:nth-child(9) {transition-delay:0s, 500ms;}
nav#menu > ul > li:nth-child(10) {transition-delay:0s, 550ms;}
nav#menu a, nav#menu a:focus{color:white; font-size:20px; text-decoration:none; display:block; padding:10px 20px 10px 0; min-width:210px;}
nav#menu > ul > li:last-child{border-bottom:0;}
input#navcheck:checked + label::before {opacity:1;pointer-events:auto;}
input#navcheck:checked + label .burger::before, input#navcheck:checked + label .burger::after {width:95%; background:#fff !important;}
input#navcheck:checked + label .burger::before {transform:rotate(45deg) translateY(-50%);}
input#navcheck:checked + label .burger::after {transform:rotate(-45deg) translateY(50%);}
input#navcheck:checked + label .burger .bar {transform:scale(0);}
input#navcheck:checked ~ nav#menu {transform:translateX(0);}
input#navcheck:checked ~ nav#menu::before {transform:skewX(-15deg) translateX(-30%);}
input#navcheck:checked ~ nav#menu > ul > li{transform:translateX(0);}
input#navcheck:checked ~ .main-wrapper/*main .content*/{-webkit-filter:blur(2px);filter:blur(2px);}
.main-wrapper{transition:all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
nav#menu > ul > li.menu-item-has-children{position:relative; cursor:pointer;}
nav#menu > ul > li.menu-item-has-children a:after{content:"\f107"; font-family:"Font Awesome 5 Pro"; font-weight:300;font-size:24px;position:absolute; right:0; top:0; color:#fff; padding:10px 0; display:block; transition:.3s;}
nav#menu > ul > li.menu-item-has-children.opened a:after{transform:rotate(180deg);}
nav#menu > ul > li.menu-item-has-children ul.sub-menu li a:after { content:none; }
/* nav#menu > ul > li.menu-item-has-children > a{pointer-events:none;} */

.modalFullPage .modal-dialog{max-width: 100%; width: 100%; margin: 0;}
.modalFullPage .modalFullPageInner{min-height: 100vh; width:100%; display: flex; justify-content: center; align-items: center; color: #fff; border-radius:0; border:0;}
.modalFullPage .wrapperModal{max-width:900px;}

.formStyle ul{height: auto; margin: 0 -20px; padding:0; list-style:none; display: flex; flex-wrap: wrap;}
.formStyle ul li{width: 100%; margin-bottom: 2em; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-left:20px; padding-right:20px;}
.formStyle ul li.w50{width:50%;}
.formStyle ul li input{width: 100%; height: 50px; font-size: 1em; font-weight: 300; color: #fff; background: 0 0; -webkit-appearance: none; border: none; border-bottom:rgba(255,255,255,.3) solid 1px; padding-left:0;  border-radius: 0; transition: all .2s ease-out; box-shadow:none !important; outline:none !important;}
.formStyle ul li label, .formStyle ul li textarea{-webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out}
.formStyle ul li input:focus, .formStyle ul li textarea:focus{outline: 0!important}
.formStyle ul li input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #242323 inset; -webkit-text-fill-color:#fff!important}
.formStyle ul li textarea, .modal-form ul li input, .modal-form ul li textarea{-webkit-appearance: none; box-shadow: none!important}
.formStyle ul li label{position: absolute; pointer-events: none; color: #fff; font-weight: 100; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; left:20px; top: 15px; -moz-transition: all .2s ease-out; transition: all .2s ease-out}
.formStyle ul li textarea{-moz-transition: all .2s ease-out; width: 100%;}
.formStyle ul li input[type=email]:active~label,
.formStyle ul li input[type=email]:focus~label,
.formStyle ul li input[type=email]:invalid:focus~label,
.formStyle ul li input[type=email]:valid~label,
.formStyle ul li input[type=email]:visited~label,
.formStyle ul li input[type=text]:active~label,
.formStyle ul li input[type=text]:focus~label,
.formStyle ul li input[type=text]:invalid:focus~label,
.formStyle ul li input[type=text]:valid~label,
.formStyle ul li textarea[type=text]:active~label,
.formStyle ul li textarea[type=text]:focus~label,
.formStyle ul li textarea[type=text]:invalid:focus~label,
.formStyle ul li textarea[type=text]:valid~label{left:20px; top:-15px; font-size:11px; opacity:.5}
.formStyle ul li textarea{height: 50px; font-weight: 300; font-size: 1em; color: #fff; background: 0 0; border: none; position: relative; border-bottom:rgba(255,255,255,.3) solid 1px; padding: 1em 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all .2s ease-out; resize:none;}
.formStyle ul li textarea:focus{height: 100px}
.formStyle ul li label.error {position: static;text-transform: none;color: red !important;font-size: 12px !important;}
.modal .formStyle ul li label.error {
color: white !important;
opacity: .5;
}
.modal .formStyle ul li textarea {
color: white !important;
}
.modalFullPage .close{position: absolute; right: 10px; top: 10px; color: #fff; opacity: 1; text-shadow: none; width: 40px; text-align: center; line-height: 40px; outline:none; cursor:pointer;}

.innerPage .svgtitle{stroke-width:4 !important;}
.innerPage .header .logo .txt, .innerPage .header .logo .txt2{animation-name:logoTxtInner; animation-duration:.5s; animation-fill-mode:forwards; animation-delay:2.5s; opacity:0; transform:translateX(20%);}
@keyframes logoTxtInner{from{opacity:0; transform:translateX(20%);} to{opacity:1; transform:translateX(0%);}}

.innerPage .header{background-color:#8e44ab; background-image:-webkit-linear-gradient(120deg, #c1392c, #8e44ab); background-image:-moz-linear-gradient(120deg, #c1392c, #8e44ab); background-image:-o-linear-gradient(120deg, #c1392c, #8e44ab); background-image:-ms-linear-gradient(120deg, #c1392c, #8e44ab); background-image:linear-gradient(120deg, #c1392c, #8e44ab);}
.innerPage .footer{background-color:#f1f1f1 !important;}
.iconCnt i{position: absolute;left: 20px;}
.iconCnt a{color:#6a6e7e;text-decoration:underline;}
.iconCnt{padding-left: 85px;margin-left: 0;position: relative;}

/*css-portfolio*/
.filter span{padding: 10px 0;display: inline-block;}
#folioContainer {width: 100%;display: inline-flex;justify-content: space-around;flex-wrap: wrap;max-width: 1836px;}
.folioTabs{display: flex;justify-content: center;margin-bottom: 60px;}
.folioTabs .filter{display: inline-block;float: left;padding: 20px 40px;font-weight: bold;cursor: pointer;font-size: 18px;color: #2c395f;line-height: 1;border-bottom: 2px solid rgba(30,31,30,.1);}
.folioTabs .filter:hover{color:#304ffe;}
.folioTabs .filter.active{color:#304ffe;border-bottom-color:#304ffe;}
#folio .mix{display:none; width: 33.33%;}
#folio .inner{position: relative; overflow: hidden;}
#folio .inner .details {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;text-align: left;padding: 50px;color: #fff;background: rgba(30,31,30,.9); opacity: 0; transition: all .3s;}
#folio .inner:hover .details{opacity: 1;}
#folio .name {font-size: 30px;margin-bottom: 20px; transform: translateY(-100px); transition: all .3s;}
#folio .inner:hover .name{transform: translateY(0);}
#folio .tags{transform: translateY(100px); transition: all .3s;}
#folio .inner:hover .tags{transform: translateY(0);}
#folio .tags span {font-size: 12px;display: inline-block;padding: 5px 15px;line-height: 1;background: #304ffe;border-radius: 50px;letter-spacing: 1px;font-weight: 400;margin-top: 5px;margin-right: 5px;float: left;}
#folio .link {position: absolute;right: 50px;bottom: 50px; transform: translateX(100px); transition: all .3s;}
#folio .inner:hover .link{transform: translateX(0);}
#folio .link a {color: #fff;display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #fff;border-radius: 50px;}
#folio .link a:hover{background: #fff; color:#304ffe;}

.pager-list .page-number, .pager-list .page-prev, .pager-list .page-next {display: inline-block;width:40px;color: #2c395f;font-weight: bold;cursor: pointer;line-height: 40px; transition: all .3s; border-radius: 50px;}
.pager-list .page-number.active {background: #304ffe; color:#fff !important;}
.pager-list .page-prev, .pager-list .page-next{width: auto;}
.pager-list .page-prev{margin-right: 20px;}
.pager-list .page-next{margin-left: 20px;}
.pager-list .page-prev .txt, .pager-list .page-next .txt{font-size:12px; text-transform: uppercase; letter-spacing: 3px;}
.pager-list .pager:hover{color:#304ffe;}

/*css-portfolio*/

.reveal-effect {overflow: hidden; position: relative;}
.reveal-effect> .reveal-inner {animation-duration: 2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.785,.135,.15,.86); position: relative;}
.reveal-effect> .reveal-inner {animation-fill-mode: forwards;}
.reveal-effect {-webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform;}
.reveal-effect {transition-duration: 1.2s; transition-timing-function: cubic-bezier(.25,.1,.25,1);;}
.reveal-effect::after {animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.785,.135,.15,.86); background-color: #999}
.reveal-effect::after {content:""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
.reveal-effect::after {transform-origin:left top; transform:scale(.05,0); animation-duration: 2s; animation-fill-mode: forwards; animation-timing-function:cubic-bezier(.785,.135,.15,.86);}

.reveal-effect-royalBlue::after {background-color: #304ffe;}
.reveal-effect-purple::after {background-color: #7a04ff;}
.reveal-effect-red::after {background-color: #e62d2f;}

.reveal-effect.aos-animate, .reveal-effect.animated, .reveal-effect.reveal-scroll[reveal="1"]{transform: translate(0,0);}
.reveal-effect.aos-animate .reveal-inner, .reveal-effect.animated .reveal-inner, .reveal-effect.reveal-scroll[reveal="1"] .reveal-inner{animation-name: showInner;}
.reveal-effect.aos-animate::after, .reveal-effect.animated::after, .reveal-effect.reveal-scroll[reveal="1"]::after{animation-name: slideBg;}

.reveal-scroll .reveal-inner{visibility: hidden;}

@keyframes showInner {
0%,66.6% { visibility: hidden } 100%,66.7% { visibility: visible}
}
@keyframes slideBg {
33.3% {transform-origin: left top; transform: scale(.05,1);}
66.6% {transform-origin: left center; transform: scale(1,1);}
66.7% {transform-origin: right center; transform: scale(1,1);}
100% {transform-origin: right center; transform: scale(0,1);}
}

.innerBanner{min-height:550px; max-height:550px; background-size: cover; background-position: center bottom; overflow: hidden; position: relative;}
.innerBanner .bg, .innerBanner .videoBanner {position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%;}
.innerBanner .videoBanner{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.innerBanner .bg{z-index: 1; opacity: .2; background: #1f1e1f;}
.innerBanner .container{position: relative; z-index: 2;}
.innerBanner .txt[reveal="1"]{opacity: 1; transition-delay: 2s;}
.ptitle{font-size: 70px; line-height: 1.2; text-shadow: 0px 0px 2px #333; -moz-text-shadow: 0px 0px 2px #333; -webkit-text-shadow: 0px 0px 2px #333; }

.countListAbout{margin-left: -50px; margin-right: -50px;}
.countListAbout .flexCol{padding: 50px;}
.countListAbout .count{font-size: 80px; line-height: 1;}

.nav-tabs.custom-tab {border: 0;}
.nav-tabs.custom-tab .nav-item {margin-bottom: 0; margin-right: 10px;}
.nav-tabs.custom-tab .nav-link{border: 1px solid #ddd; border-radius: 20px; color: #304ffe;}
.nav-tabs.custom-tab .nav-link:hover{border-color: #304ffe;}
.nav-tabs.custom-tab .nav-link.active{color: #fff; background: #304ffe; border-color: #304ffe;}

.techBg{background-color: #2c395f; background-image: -webkit-linear-gradient(90deg, #2c395f, #304ffe); background-image: -moz-linear-gradient(90deg, #2c395f, #304ffe); background-image: -o-linear-gradient(90deg, #2c395f, #304ffe); background-image: -ms-linear-gradient(90deg, #2c395f, #304ffe);background-image: linear-gradient(90deg, #2c395f, #304ffe);}
.techFlex .left{position: relative; z-index: 1;}
.techFlex .right {padding-left: 60px; padding-right: 60px; background: rgba(0,0,0,.15); box-shadow: -10px 0 10px rgba(0,0,0,.3);}

.nav-tabs.tech-tab {border: 0;}
.nav-tabs.tech-tab .nav-item {margin-bottom: 0; width: 100%;}
.nav-tabs.tech-tab .nav-link{border:0; border-radius: 0; color:rgba(255,255,255,.5); background: none; font-size: 20px; padding: 1rem 0; position: relative;}
/* .nav-tabs.tech-tab .nav-link.active:after {content: ""; display: block; border-top: 15px solid transparent; border-left: 15px solid #4253ae; border-bottom: 15px solid transparent; width: 0; height: 0; position: absolute; right: -15px; top: 13px; z-index: 1;} */
.nav-tabs.tech-tab .nav-link.active{color: #fff; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(39,58,149,1) 100%);}

.techList .inner {position: relative; padding-left: 90px; display: flex; align-items: center; min-height: 70px; margin:20px 0;}
.techList .img {position: absolute; left: 0; top: 0; width: 70px; height: 70px; background: #fff; padding: 20px; border-radius: 70px;}
.icon-mi .dots {width: 100%; height: 100%; top: 0; left: 0; position: absolute}
.icon-mi .dots {z-index: 0; animation: dots 6s infinite linear}
.icon-mi .dots .dot {width: 4px; height: 4px; border-radius: 100px; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px;}
.icon-mi .dots .dot1 {background-color: #36c4e7; transform: translate(15px, 5px); animation: dot1 1.5s infinite alternate;}
.icon-mi .dots .dot2 {background-color: #ff4f5a; transform: translate(-8px, 8px); animation: dot2 1.5s infinite alternate; animation-delay: .5s;}
.icon-mi .dots .dot3 {background-color: #f5b062; transform: translate(-5px, -12px); animation: dot3 1.5s infinite alternate; animation-delay: 1s;}
@keyframes dots { from { transform: rotate(-360deg); } to { transform: rotate(0); } }
@keyframes dot1 { from { transform: translate(15px, 5px); opacity: 1; } to { transform: translate(25px, 5px); opacity: 1; } }
@keyframes dot2 { from { transform: translate(-8px, 8px); opacity: 1; } to { transform: translate(-19px, 19px); opacity: 1; } }
@keyframes dot3 { from { transform: translate(-5px, -12px); opacity: 1; } to { transform: translate(-10px, -24px); opacity: 1; } }

.nav-tabs.history-tab .nav-link{border: 2px solid #304ffe; border-radius: 30px; color: #304ffe; background: #fff;}
.nav-tabs.history-tab .nav-item{position: relative; margin-right: 20px;}
.nav-tabs.history-tab .nav-item:after{content: ""; display: block; width: 20px; height: 2px; background: #304ffe; position: absolute; right: -20px; top:21px;}
.nav-tabs.history-tab .nav-item:last-child:after{display:none;}

.historyFlex .left{padding: 60px; width: 40%;}
.historyFlex .right{padding: 60px; width: 60%;}
.historyFlex .name::after {width: 50px; height: 2px; content: ''; background-color: #304ffe; display: block; margin: 40px 0;}

.homePage .header .logo .icon > img {display: none !important;}
.innerPage2 .headerBg{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.innerPage2 .header .logo .icon > svg{display: none !important;}
.teamSection{background-position: center center; background-size: cover; background-attachment: fixed;}
.teamListAbout .column{padding: 0; line-height: 1;}
.teamListAbout .w100{width: 110px;}
.teamListAbout .w400{width: 440px;}
.teamListAbout .name{font-size: 28px; font-weight: 300; margin-bottom: 10px;}
.teamListAbout .role{font-size: 20px; font-weight: 300; opacity: .6;}
.teamListAbout .w100 .name{font-size: 14px;}
.teamListAbout .w100 .role{font-size:12px;}

.imghvr-zoom-out-left{position: relative; display: inline-block; margin: 0; max-width: 100%; color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transform: translateZ(0); background-color:#304ffe;}
.imghvr-zoom-out-left > img {vertical-align: top; max-width: 100%;}
.imghvr-zoom-out-left figcaption {padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; background-color:#4656cb; display: flex; justify-content: center;
text-align: center; align-items: center;}
.imghvr-zoom-out-left.w100 figcaption{padding: 8px;}
.imghvr-zoom-out-left a{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
.imghvr-zoom-out-left, .imghvr-zoom-out-left *{transition: all .35s ease;}
.imghvr-zoom-out-left:hover > img{animation: imghvr-zoom-out-left 0.4025s linear; animation-iteration-count: 1; animation-fill-mode: forwards;}
.imghvr-zoom-out-left figcaption{transform: scale(0.5); transform-origin: 50% 50%; opacity: 0;}
.imghvr-zoom-out-left:hover figcaption{transform: scale(1); opacity: 1; transition-delay: 0.35s;}
@keyframes imghvr-zoom-out-left { 50% {transform: scale(0.8) translateX(0%); opacity: 0.5;} 100% {transform: scale(0.8) translateX(-150%); opacity: 0.5;} }

.tabFilter{padding: 0; margin-bottom: 10px; position: relative;}
.tabFilterTrigger {position: absolute; right: 0; top: 0; width: 100%; height: 44px; line-height: 44px; font-size: 24px; z-index: 1; cursor: pointer; text-align: right; padding-right: 20px;color: #fff;}

.servicePwrap {max-width: 1870px;margin: 0 auto; padding-left: 15px; padding-right: 15px; color: #fff;}
.servicePwrap .bg{background-size: cover; background-repeat: no-repeat; background-position: center center; border-top: 1px solid #fff;border-left: 1px solid #fff;}
.servicePwrap .bg::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 20, 49, 0.60);}
.servicePlist *{transition: 0.5s;}
.servicePlist .flexCol {position: relative;text-align: center;padding: 50px;font-weight: 300;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.servicePlist .icon {font-size: 70px;margin-bottom: 20px; height: 70px;}
.servicePlist .name {font-weight: 300;font-size: 24px;}
.servicePlist .txt{font-size: 16px;line-height: 22px;opacity: 0;padding-top: 20px;}
.servicePlist .flexCol:hover .txt{opacity: 1;}
.servicePlist .inner {transform: translateY(54px);}
.servicePlist .flexCol:hover .inner {transform: translateY(0);}
.servicePlist .flexCol:hover{background: rgba(0, 20, 49, 0.8);}

.serviceFlex .details{flex:1;}
.d-flex.serviceFlex {align-items: center;}
.serviceFlex .img.icon-mi2 {width: 250px;height: 250px;display: flex;align-items: center;justify-content: center;}
.icon-mi2 .dots {width: 100%; height: 100%; top: 0; left: 0; position: absolute}
.icon-mi2 .dots {z-index: 0; animation: dots_mi2 6s infinite linear}
.icon-mi2 .dots .dot {width: 8px; height: 8px; border-radius: 100px; position: absolute; left:50%; top:50%;}
.icon-mi2 .dots .dot1 {background-color: #36c4e7; transform: translate(90px, 5px); animation: dot1_mi2 1.5s infinite alternate;}
.icon-mi2 .dots .dot2 {background-color: #ff4f5a; transform: translate(-98px, 8px); animation: dot2_mi2 1.5s infinite alternate; animation-delay: .5s;}
.icon-mi2 .dots .dot3 {background-color: #f5b062; transform: translate(-5px, -102px); animation: dot3_mi2 1.5s infinite alternate; animation-delay: 1s;}
@keyframes dots_mi2 { from { transform: rotate(-360deg); } to { transform: rotate(0); } }
@keyframes dot1_mi2 { from { transform: translate(90px, 5px); opacity: 1; } to { transform: translate(110px, 5px); opacity: 1; } }
@keyframes dot2_mi2 { from { transform: translate(-98px, 8px); opacity: 1; } to { transform: translate(-118px, 19px); opacity: 1; } }
@keyframes dot3_mi2 { from { transform: translate(-5px, -102px); opacity: 1; } to { transform: translate(-10px, -122px); opacity: 1; } }

.innerBanner.contactBanner {min-height: 500px;background: #eee;}
.innerBanner.contactBanner .mapHolder {position: absolute;left: 0;top: 0;width: 100%;height: 100%; overflow: hidden;}
.innerBanner.contactBanner .mapHolder iframe{width: 100%; height: 800px; margin-top: -170px;}
.contactPage:not(.body_scrolled) .header{background: url(../images/contactGrdnt.png) repeat-x left bottom / contain;}

.contactForm.formStyle ul li input{border-bottom: rgba(30,31,30,.1) solid 1px;}
.contactForm.formStyle ul li input, .formStyle ul li textarea, .contactForm.formStyle ul li label{color: #2c395f;}
.contactForm.formStyle ul li input[type=email]:active~label,
.contactForm.formStyle ul li input[type=email]:focus~label,
.contactForm.formStyle ul li input[type=email]:invalid:focus~label,
.contactForm.formStyle ul li input[type=email]:valid~label,
.contactForm.formStyle ul li input[type=email]:visited~label,
.contactForm.formStyle ul li input[type=text]:active~label,
.contactForm.formStyle ul li input[type=text]:focus~label,
.contactForm.formStyle ul li input[type=text]:invalid:focus~label,
.contactForm.formStyle ul li input[type=text]:valid~label,
.contactForm.formStyle ul li textarea[type=text]:active~label,
.contactForm.formStyle ul li textarea[type=text]:focus~label,
.contactForm.formStyle ul li textarea[type=text]:invalid:focus~label,
.contactForm.formStyle ul li textarea[type=text]:valid~label{opacity:1; color:#304ffe;}
.contactForm.formStyle ul li input:focus, .formStyle ul li textarea:focus{border-bottom-color:#304ffe;}

.addressList {max-width: 400px;margin: 0 auto;}
.addressList li{position: relative; padding-left: 100px; margin-bottom: 70px;}
.addressList li:last-child{margin-bottom: 0;}
.addressList .icon {position: absolute;left: 0;top: 0;width: 60px;height: 60px; text-align:center;}
.addressList .blue{border-bottom:rgba(30,31,30,.1) solid 1px; min-height:60px;display: flex;align-items: center; flex-wrap:wrap; padding-bottom: 20px;}
.addressList li:last-child .blue{border-bottom:0; padding-bottom:0;}

.contactCard {box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.15);margin-top: -120px;background: #fff;position: relative;z-index: 1;}
.contactCard > .w50 {padding: 50px;}
.contactCard .left {border-right: 1px solid rgba(30,31,30,.2);}

.addressCard {box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.15);padding: 30px 30px 30px 120px;position: relative;line-height: 1.4; background: #fff; height: 100%;}
.addressCard .icon {position: absolute;left: 0;top: 0;width: 120px;height: 100%;display: flex;align-items: center;justify-content: center;}
.addressCard .icon img {width: 80px;}

.careerPage .innerBanner, .folioPage .innerBanner{min-height: 500px;}
.careerPage .innerBanner .img, .folioPage .innerBanner .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%; overflow: hidden; background-position: center center; background-size: cover;}

.jobList{border-bottom: 1px solid rgba(30,31,30,.1);}
.jobList .heading {display: flex;justify-content: space-between;padding: 30px;border-top: 1px solid rgba(30,31,30,.1); align-items: center;}
.jobList .name {font-size: 24px; cursor: pointer;}
.jobList .name:hover {color:#304ffe; text-decoration: underline;}
.jobList > li:nth-child(2n + 1){background:#e9f7ff;}
.jobList li.active{background:#fff7ee !important;}
.jobList li.active .details{display: block;}
.jobList li.active .btn span.hide.dn {display: inline;}
.jobList li.active .btn span.view {display: none;}
.jobList .details ul > li{margin-bottom: 10px;}
.jobList .details ul > li:last-child{margin-bottom: 0;}

.qContact {position: fixed;right: 10px;bottom: 35%;z-index: 9;width: 50px;}
.qContact a {text-decoration: none; display: inline-block; position: relative;}
.qContact a.phone {margin-top: 20px;}
.qContact .icon{width: 50px;height: 50px;color: #fff;background: #00ac58;display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.qContact .phone .icon{background: #304ffe;}
.qContact a:hover .toolTip{display: block;}
.qContact .toolTip {display: none;position: absolute;top: -60px;right: 0;background: #fff;font-size: 14px;line-height: 1.4;padding: 10px;border-radius: 5px;white-space: nowrap;color: #2c395f;box-shadow: 0 10px 20px rgba(0,0,0,.3);}
.qContact .toolTip::before {content: "";width: 14px;height: 14px;transform: rotate(-45deg);position: absolute;right: 16px;bottom: -7px;background: #fff;}

#homepage-courses-sec2{background-repeat:no-repeat;background-size:98%;}
#homepage-courses-sec2 h2{font-weight:700;background:none;position:relative;font-size:25px;color:#e9674a;margin-bottom:25px;}
#homepage-courses-sec2 p{font-style:italic;max-width:470px;width:100%;font-size:20px;line-height:30px;}
.homepage-courses-sec2-right-course .col-md-4{padding:35px;background:#f7f7f6;width:130px;height:130px;margin:12px;float:left;position:relative;}
.homepage-courses-sec2-right-course .col-md-4 img{margin:auto;position:absolute;display:block;right:0;left:0;top:0;bottom:0;transition:all .5s ease;}
.homepage-courses-sec2-right-course .col-md-4 img:nth-child(2){transform:scale(0, 0);}
.corsehomerow { width:100%; }
.techn-inr{float:right;margin-top:170px;position:relative;right:10px;}
.corsehomerowinner { display:flex;  }
.corsehomerowinner .container { max-width:1280px; position:relative; }
.homepage-courses-sec2-right-course { position: relative; right:0px; padding: 35px 0px 130px; }
.homePage .sectionFull.clientHP { padding-bottom:0px; min-height:inherit; }

a.skypeebtn {
    margin-top:20px;
    background:url('../images/skypeicon.png') no-repeat;
    background-size:contain;
    width: 70px;
    height:70px;    
    animation-name: skypeebtn-ani;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    
    -webkit-animation-name: skypeebtn-ani;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite; display:none!important;
}
.modal.show .modal-dialog {
    -moz-transform: translate(0,0%);
    -webkit-transform: translate(0,0%);
    transform: translate(0,0%);
}
/**/
#lightbox .modal-dialog { background:url(../images/popup.png) center center no-repeat; width: 795px; height: 512px; transform: none; max-width: 795px; }
#lightbox .modal-dialog .modal-header { border: 0; border-radius: 0; padding: 0; margin: 0; display:block; }
#lightbox .modal-dialog .modal-content { background: none; border: 0; border-radius: 0; margin:0px; margin-top: 85px; padding: 0px 20px; }
#lightbox .modal-dialog .modal-body { max-width: 400px; margin: 0; }
#lightbox .modal-dialog .close { padding: 0; margin: 0; float: right; position: absolute; right: 60px; font-size: 40px; opacity: 1; top: -16px; cursor: pointer; z-index: 99; text-shadow:none; }
#lightbox .modal-dialog .modal-title { font-size: 30px; text-transform: uppercase; color:#000; }
#lightbox .modal-dialog .modal-body p { color: #000; margin-bottom:10px; }
	
#auto_flip_show, #auto_flip_show_hidden {display: flex;flex-wrap: wrap;}
.webdesign_icon_box {display: flex;margin-top: 30px;flex-direction: column;justify-content: center;align-items: center;padding: 10px;text-align: center;width: calc(100%/9);}
.webdesign_icon_box .icon img {width: 64px;margin-bottom:10px;}
.webdesign_icon_box p {font-weight: 600;}
.rotate-img{transition:all 0.8s;}
.rotate-img:hover{ transform: rotate(180deg);}

.touch_bg { float:left; width:100%; padding:40px 0 20px; font-size:22px; line-height:32px; position:relative; clear:both; overflow:hidden; }
.touch_bg .container { position:relative; }
.touch_bg:before { background:url('../images/crafted-paper-Grey.png') repeat; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background-blend-mode: overlay;  } 

.pakege_box{margin-top:15px;}
.pakege_box ul{float: left; width: 100%;  margin: 0; padding:0px; border: 1px solid #ccc; background:#fff; }
.pakege_box ul li{float: left; width: 100%; color: #333; padding:10px 0px; border-bottom: 1px solid #e4e4e4; font-size:15px; list-style:none; background: url(../images/hom-ico.png) no-repeat 10px center; font-size: 15px; padding-left:30px;  line-height: 22px; display: block; clear: both; }
.pakege_box ul li h3 { margin:0px; padding:0px; color:#000; font-size:18px; font-weight:600; margin-bottom:5px; }
.pakege_box ul li h3 strong { font-weight:600; }
.pakege_box ul li p { margin:0px; padding:0px;  }
.pakege_box ul li:last-child{border-bottom:0px;}
.pakg_hed{float: left; text-align: center; color: #fff; width:100%; padding:15px 0px; font-size:18px; font-weight:600; text-transform: uppercase;}
.pakege_btn{text-align:center;}



@keyframes skypeebtn-ani{
    0%{    width: 70px;    height:70px;}
    50%{    width: 65px;    height:65px;}
    75%{    width: 50px;    height:50px;}
    100%{    width: 70px;    height:70px;}
}
-webkit-@keyframes skypeebtn-ani{
  0%{    width: 70px;    height:70px;}
    50%{    width: 65px;    height:65px;}
    75%{    width: 50px;    height:50px;}
    100%{    width: 70px;    height:70px;}
}


@media (max-width:1400px){
.serviceHp .heading{line-height:34px; font-size:26px;}
.serviceHp .heading img{height:34px;}
.serviceHp .txt{margin-top:15px; font-size:14px; line-height:1.7;}
.serviceHp .detail{padding:30px 100px;}
.testimonialHp .testiContainer{left:35%;}
.testimonialHp .left{width:30% !important;}
.folioSlider .owl-prev{left:50px;}
.folioSlider .owl-next{right:50px;}
.folioSlider .owl-item .detail .txt {font-size: 14px;line-height: 1.4;}
.folioSlider .img img{height:560px; width:auto;}
.folioSlider .last.inner{height:560px;}
.folioSlider .last.inner .bg{height:100%;}
.folioSlider .detail{margin-top:30px; padding:50px;}
.folioSlider .detail.left{padding-left:70px;}
.footer .social{margin-right: 20px;}
.section.ctaHp .fs30px{font-size:24px;}
.section.ctaHp .mt40px{margin-top:20px;}
.section{padding-top:30px; padding-bottom:30px;}
.clientListHp{margin-top:10px;}
.clientListHp .imgDiv{padding-top:70%;}
.btmHp .heading{line-height:38px; font-size:28px; margin-bottom:20px;}
.btn-lg{padding:22px 35px; font-size:14px;}
.btn-lg.btn-round{border-radius:30px; padding:18px 30px;}
.btnAnimated span{line-height:50px; height:50px;}
.folioSlider .last.inner .name{font-size:26px; margin-bottom:20px;}
#folio .name{font-size: 20px;transform: translateY(0); margin-bottom: 10px;}
#folio .inner .details{padding:20px;}
#folio .link{right: 20px; bottom: 20px;}


}

@media (max-width:1280px){
.serviceHp .bg, .serviceHp .videoHp, .serviceHp .img{width:120%;}
.nav ul > li > a{font-size:15px; text-transform:none;}
.videoHome .caption{margin-top:50px;}
.folioSlider .detail{margin-top:0;}
.folioSlider .name{margin-top:10px; margin-bottom:20px; font-size:24px;}
.folioSlider .txt{font-size:14px; line-height:1.6;}
.folioSlider .last.inner .name{margin-top:0;}
.teamListAbout .w400{width: 360px;}
.teamListAbout .w100{width: 90px;}
.ptitle {font-size: 50px;}
.innerBanner .txt {font-size: 20px;margin-left: auto;margin-right: auto;max-width: 850px;}
.subheading {font-size: 40px;}
.jobList {margin-left: -15px; margin-right: -15px;}
.careerTitle, .careerPage .leadTxt{padding-left: 15px;padding-right: 15px;}

}

@media (max-width:1190px){
input#navcheck + label{opacity:1; visibility:visible;}
.body_scrolled .header{background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.headerBg{display: none;}
.header.scrollUp {transform: none;}
.body_scrolled .header .logo .txt2{opacity:1; visibility:visible;}
.body_scrolled .header .logo .txt{opacity:0; visibility:hidden;}
.body_scrolled input#navcheck + label .burger::before, .body_scrolled input#navcheck + label .burger .bar, .body_scrolled input#navcheck + label .burger::after{background:#000;}
.header[scrollr="1"] .logo{pointer-events:inherit;}
.header[scrollr="1"] .logo .txt, .header[scrollr="1"] .nav{opacity:1; visibility:visible;}
.header.shownav .logo .txt2, .header.shownav .nav{opacity:1; visibility:visible;}
.header.shownav .headerBg{opacity:.95;}
.header .nav{display:none !important;}
.slide{position:relative;}
@keyframes logoAnim{from{height:100vh; width:100%;} to{left:0; top:0; width:70px; height:70px;}}
.header .logo .icon{width: 70px; height: 70px;}
.header .logo{ height:70px;}
.header .logo .txt2{left:55px;}
/* .header .logo .txt, .header .logo .txt2{width:220px;} */
.videoHome .caption .fs60px{font-size:40px;}
.section_title{font-size:30px;}
.lead{font-size:18px; line-height:normal; margin-top:20px;}
#slide-2 .fs24px.txt{margin-left:auto; margin-right:auto; max-width:800px;}
.serviceHp .inner{height:auto;}
.serviceHp .detail{padding:60px;}
.servicePageHp .section.ctaHp{position:static !important; height:auto; padding-top:40px; padding-bottom:40px;}
.folioSlider .img img, .folioSlider .last.inner{height:400px;}
.folioSlider .detail{padding-top:0; padding-bottom:0; margin-top:30px;}
.stepListHp .bg .name{font-size:18px;}
.testimonialHp .name{font-size:22px;}
.countListAbout h3.royalBlue, .techList .name{font-size: 16px;}
.countListAbout h3.count{font-size: 60px;}
.techFlex .right {padding-left: 30px; padding-right: 30px; justify-content: center;}
.nav-tabs.history-tab .nav-item{margin-right: 10px;}
.teamListAbout {flex-wrap: wrap; max-width: 720px; margin: 0 auto;}
.teamListAbout .w100 {width: 180px;}
.teamListAbout .column.col3 {order: 1;}
.teamListAbout .column.col4 {order: 2;}
.teamListAbout .column.col1 {order: 3;}
.teamListAbout .column.col2 {order: 4;}
.teamListAbout .column.col5 {order: 5;}
.teamListAbout .column.col6 {order: 6;}

.servicePlist .flexCol{padding: 20px;}
.subheading {font-size: 30px;}
.serviceFlex .name {font-size: 24px;}
.serviceFlex .txt, .leadTxt{font-size: 18px;}

#folio .mix{width: 50%;}
#folio .inner .details{padding:40px 20px 20px 20px; opacity: 1;height: auto;top: auto;bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
#folio .link{right: 10px; bottom: 10px;transform: translateX(0);}
#folio .tags {padding-right: 80px;display: inline-block;width: 100%;transform: translateY(0);}
#folio .link a {width: 40px;height: 40px;line-height: 40px;}
#folio .link a i.fab.fs24px {line-height: 36px !important;}
#folio .tags span{padding: 5px 10px;}
.webdesign_icon_box{ width: calc(100%/7); }
}

@media (max-width:980px){
.stepListHp .bg::after{display:none;}
.homePage .sectionFull{min-height:inherit;}
.section{padding-top:40px; padding-bottom:40px;}
.clientListHp .img{-webkit-filter:none; filter:none; opacity:1;}
.clientHP .txt{font-size:18px;}
.serviceHp .flexCol:nth-child(3){order:4;}
.homePage .sectionFull.testimonialHp{display:block;}
.testimonialHp .left{width:100% !important;}
.testimonialHp .testiContainer{position: relative; left: 0; transform:none; margin-top:40px;}
.testiSlider .item{max-width:340px; padding:0;}
.testiSlider .bg{padding:30px; margin-right:30px; box-shadow:none;}
.testiSlider .txt{font-size:13px; line-height:1.6;}
.userInfo{margin-top:20px; line-height:1.4;}
.testimonialHp .name{font-size:24px;}
.testimonialHp .userInfo .name{font-size:16px;}
.testiSlider .owl-dots{padding-left:0; position:static; margin-top:30px;}
.btmHp .detail{position:relative; height:100%; z-index:2; padding:50px 20px;}
.btmHp .img{height:100%; position:absolute; left:0; top:0;}
.btmHp .heading{line-height:1; font-size:18px;}
.hpFooter {position:static;}
.folioSlider .d-flex{flex-wrap:wrap; text-align:center; justify-content:center;}
.folioSlider .img{order:2; margin-top:40px; text-align:center; width:100%;}
.folioSlider .bg{top:0;}
.folioSlider .detail.left{padding-left:50px;}
.folioSlider .img img{height:450px; width:auto; display:inline-block;}
.folioSlider .txt{display:none;}
.folioSlider .btn:not(.btn-lg){margin-top:0; padding:0 20px; line-height:35px; font-size:11px; height:auto; min-height:auto;}
.folioSlider .img img {height:350px;}
.folioSlider .last.inner{height:517px;}
.modalFullPage .title{font-size: 30px;}
.formStyle ul li.w50{width:100%;}
.innerBanner {min-height: auto; padding: 100px 0; background-image: inherit !important;}
.countListAbout{margin: 30px 0 0;}
.countListAbout .flexCol {padding: 0 50px 40px;}
.techBg .container{padding: 0;}
.techFlex .left{padding-left: 30px; padding-right: 30px;}
.nav-tabs.history-tab .nav-item::after, .nav-tabs.tech-tab .nav-link.active::after{display: none;}
.tabFilter .nav-item{width: 100%; margin: 0 !important; position: static !important;}
.tabFilter .nav-link {font-size: 16px !important; border-radius: 0 !important; line-height: 44px; padding: 0 20px !important; border-width: 0 0 1px 0 !important;}
.tabFilter .nav-tabs {padding-top: 44px; position: relative; height: 44px; overflow: hidden;}
.tabFilter .nav-link.active {position: absolute; top: 0; left: 0; width: 100%;}
.tabFilterTrigger {display: block;}
.tabFilter.clicked > .nav-tabs {height: auto;}
.tabFilter .nav-tabs.tech-tab .nav-link {border-bottom: 1px solid rgba(255,255,255,.2) !important;}
.tabFilter .nav-tabs.tech-tab .nav-link.active {background: rgba(0,0,0,.2);}
.contactCard > .w50{width:100%;}
.contactCard .left {border-right:0;}
.addressList {max-width: 100%;}
.addressCard .icon img {width: 60px;}
.jobList .heading {flex-wrap: wrap;}
.jobList .heading .details {width: 100%;margin-bottom: 20px;}
.techFlex .right{box-shadow:none;}
.webdesign_icon_box{ width: calc(100%/4); }


}

@media (max-width:740px){
h1,.h1{font-size:26px}
h2,.h2{font-size:24px}
h3,.h3{font-size:18px}
h4,.h4{font-size:16px}
.btmHp > .flexCol{width:100%;}
.folioSlider .detail{padding-left:0; padding-right:0;}
.folioSlider .img{margin-top:20px;}
.footer .d-flex{flex-wrap:wrap;}
.footer .left, .footer .social{width:100%;}
.footer .social a{margin-left:0; margin-right:20px;}
nav{width:100%; background:#4455c9;}
nav::before{display:none !important;}
.historyFlex .left, .historyFlex .right, nav#menu ul{width:100%;}
.ptitle {font-size: 24px; line-height: 1.4;}
.historyFlex .name, .section_title{font-size:22px;}
.innerBanner {padding-top: 140px;}
.historyFlex .right {padding: 40px 10px;}
.historyFlex .left {padding: 40px 10px 0; text-align: center;}
.historyFlex .left img{max-width: 200px;}
.teamListAbout{max-width: 500px;}
.teamListAbout .w100 {width: 125px;}
.teamListAbout .w400 {width: 250px;}
.techList .inner {padding-left: 0; text-align: center; min-height: auto; display: block;}
.techList .img {position: relative; display: inline-block; margin-bottom: 10px;}
.techList .name {font-size: 14px;}
.serviceFlex .name, .subheading {font-size: 20px;}
.servicePwrap .bg{background-image:url(../images/serviceBgMobile.jpg) !important;}
.serviceFlex {flex-wrap: wrap;justify-content: center;text-align: center;}
.serviceFlex .details {flex: auto;padding: 0;}
.footer {padding-top: 28px;padding-bottom: 28px;}
.leadTxt, .serviceFlex .txt, .innerBanner .txt{font-size:14px;}
.jobList .name{font-size:20px;}
.careerPage .innerBanner {min-height: auto;}
.folioTabs .filter{padding: 10px; font-size:13px;}
.servicePage .subheading, .servicePage .leadTxt {text-align: center;}
.pager-list .page-prev .txt, .pager-list .page-next .txt{display: none;}

.qContact {bottom:5px;right: auto;right:10px;width:180px;}
.scrollToTop { bottom: 100px; }
.qContact a.phone {margin-top: 0; float:none; }
a.skypeebtn { margin:0px; }
#folio .inner picture, #folio .inner source, #folio .inner img {width: 100%;}
#folio .mix{width: 100%;}
.header .logo { padding-left:0px; height:auto; }
.header .logo .txt2 {  left: 0;}
.modal:before { content:none; display:none; }
.modal.show .modal-dialog { -moz-transform: none!important; -webkit-transform:none!important; transform:none!important; }
#lightbox .modal-dialog { width: 100%; height: 450px; max-width: 100%; background-size: 100% 100%!important; margin:0px; }
#lightbox .modal-dialog .modal-body p { margin-bottom: 5px; font-size: 13px; line-height: 20px; }
#lightbox .modal-dialog .modal-title { font-size:20px; }
#lightbox .modal-dialog .close { font-size:30px; right:25px; }
#lightbox .modal-dialog .modal-body { max-width:60%; }
.webdesign_icon_box { width: calc(100%/2); }


}

@media (max-width:600px){
.videoHome .videoCover{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center left; transition:.3s ease-in-out all; animation:hpbg 15s infinite alternate;}
@keyframes hpbg			{ from{background-position:center left; transform:scale(1);} to{background-position:center right; transform:scale(2);}}
@-webkit-keyframes hpbg	{ from{background-position:center left; transform:scale(1);} to{background-position:center right; transform:scale(2);}}
@-moz-keyframes hpbg	{ from{background-position:center left; transform:scale(1);} to{background-position:center right; transform:scale(2);}}
@-o-keyframes hpbg		{ from{background-position:center left; transform:scale(1);} to{background-position:center right; transform:scale(2);}}

.videoHome .video{display:none;}
.videoHome{height:500px;}
.videoHome .caption .fs60px{font-size:24px;}
.videoHome .caption .ttu.fw400.fs24px{font-size:18px;}
.videoHome .btn{width:100%; margin:10px 0 0;}
.videoHome .btnDiv{margin-top:10px;}
.vidOverlay::before{     background-size: 900px 450px;
    background-position: center top;}

.videoHome .caption{margin-top:0;}
.serviceHp .detail{padding:40px 20px 80px;}
.serviceHp .videoHp{display:none;}
.serviceHp .videoCover{position:absolute; left:0; top:0; width:100%; height:100%; display:block; background-position:center top; background-size:cover; background-repeat:no-repeat;}
.testiSlider .item{max-width:280px;}
.testiSlider .bg{padding:20px; margin-right:10px;}
.folioSlider .img img {height:250px;}
.folioSlider .last.inner{height:417px;}
.countListAbout .flexCol {padding: 0 0 40px; text-align: center;}
.teamListAbout {max-width: 250px;}
.addressList .icon{width:30px;}
.addressList li{padding-left: 50px; font-size: 14px;}
.contactCard > .w50{padding:25px;}
.addressList .blue{align-items: flex-start;}
.addressCard .icon img {width: 30px;}
.addressCard .icon {width: 80px;align-items: flex-start;padding-top: 20px;}
.addressCard {padding: 20px 20px 20px 75px;}
.btn, .btn-lg{font-size: 12px; letter-spacing: 2px;}
.corsehomerowinner { display:block; }
.homepage-courses-sec2-right-course { padding:20px 0px 0px 0px; clear:both; display:block;  }
}
@media (max-width:479px){
#lightbox .modal-dialog { height:550px; }
}
@media (max-width:340px){
.header .logo .txt, .header .logo .txt2{width:190px;}
}