File: /home/seoprovi/ibaapprovedpackers.com/css/maps/style.css.map
{"version":3,"sources":["_media-query.scss","_typography.scss","_variables.scss","_common.scss","style.css","templates/_header.scss","templates/_page-banner.scss","templates/_navigation.scss","templates/_slider.scss","templates/_backgrounds.scss","templates/_about.scss","templates/_service.scss","templates/_portfolio.scss","templates/_process.scss","templates/_pricing.scss","templates/_blog.scss","templates/_testimonial.scss","templates/_contact.scss","templates/_footer.scss","_responsive.scss"],"names":[],"mappings":"AAAA,uBAAuB;ACAvB;;;;;;;uDAOuD;AAEvD;;;;;;;;;;;;;;;;;;;EAmBE;AAIF,gFAAY;AAIZ;EACI,wBAAuB;EACvB,kBAAiB;EACjB,+BAA8B;EAC9B,2BAA0B;EAC1B,8BAA6B;EAC7B,8CAA6C;CAChD;;AAED;EACK,gCCtC6B;EDuC9B,gBAAe;EACf,kBAAiB;EACjB,UAAS;EACT,iBAAgB;EAChB,uBAAsB;EACtB,iBAAgB;EAChB,eCjDiB;CDkDpB;;AAED;;mBAEmB;AAEnB;;;;;;;;;;;;EAaK,gCClE4B;EDmE7B,iBAAgB;EAChB,kBAAiB;EACjB,qBAAoB;EACpB,eC1EW;CD2Ed;;AAED;;EAEI,oBAAmB;EACnB,kBAAiB;CACpB;;AAED;;EAEI,oBAAmB;CACtB;;AAED;;EAEI,oBAAmB;CACtB;;AAED;;EAEI,oBAAmB;CACtB;;AAED;;EAEI,oBAAmB;CACtB;;AAED;;EAEI,kBAAiB;CACpB;;AAED;EACI,qBAAoB;EACpB,iBAAgB;CACnB;;AAED;EACI,4BAA2B;CAC9B;;AAED;EACI,gBAAe;EACf,iBAAgB;EAChB,2BAA0B;EAC1B,oBAAmB;CACtB;;AAED;EACI,oBC9HqB;CD+HxB;;AEhID;;mBAEmB;AAEnB;EACI,oBAAmB;CACtB;;AACD;EACI,uBAAsB;EACtB,mBAAkB;CACrB;;AAED;EACI,gBAAe;EACf,0BAAyB;EACzB,uBACJ;CAAC;;AAGD;EACI,mBAAkB;EAClB,oBAAmB;CACtB;;AAED;EACI;IACI,kBACJ;GAAC;CC0HJ;;ADvHD;EACI,sBAAqB;CACxB;;AAED;EACI,yBAAwB;CAC3B;;AAED;EACI;IACI,wBACJ;GAAC;CC0HJ;;ADtHD;EACI,oBAAmB;CACtB;;AAED;;uBAEuB;AAEvB;EACI,oBAAmB;EACnB,iBAAgB;EAChB,mBAAkB;EAClB,0BAAyB;EACzB,uBAAsB;EACtB,iCAAgC;EAChC,iCAAgC;EAChC,qBACJ;CAAC;;AAID;EACI,qBAAoB;EACpB,6BAA4B;EAC5B,8BAA6B;EAC7B,sBAAqB;EACrB,mBAAkB;EAClB,oBAAmB;EACnB,wBACJ;CAAC;;AAGD;EACI,uBAAqB;CACxB;;AACD;EACI,iBAAgB;EAChB,eAAc;CACjB;;AACD;EACI,uBAAqB;EACrB,YAAW;CACd;;AAED;EACI,4BAA2B;EAC3B,uBAAsB;CACzB;;AAED;EACI,eAAc;CACjB;;AAED;EACI,4BACJ;CAAC;;AAED;EACI,oBAAmB;CACtB;;AAGD;EACI,+BAA4B;EAC5B,iCAA+B;EAC/B,YAAW;CACd;;AAED;EACI,+BAA6B;EAC7B,iCAA+B;EAC/B,YAAW;CACd;;AAED;EACE,2CAA0C;CAC3C;;AAID;;8BAE8B;AAG9B;EACI,6BAA4B;EAC5B,yBAAwB;EACxB,uBACJ;CAAC;;AAED;;;EAGI,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,UAAS;EACT,QACJ;CAAC;;AAED;EACI,YAAW;EACX,aAAY;EACZ,0BACJ;CAAC;;AAED;EACI,kDAAgD;CACnD;;AAKD;EACI,iBAAgB;CACnB;;AAGD;EACI,oBAAmB;CACtB;;AAED;EACI,+BAAoC;CACvC;;AAED;EACI,eD7KmB;CC8KtB;;AAED;EACI,cAAa;EACb,sBAAqB;CACxB;;AElLD;;yBAEyB;AAEzB;EACI,kBAAiB;EACjB,mBAAkB;CAOrB;;AATD;EAIQ,aAAY;CAIf;;AARL;EAMY,eAAc;CACjB;;AAKT;;qBAEqB;AAErB;EACI,uBAAsB;CACzB;;AAED;EACI,mBAAkB;CAKrB;;AAND;EAII,mBAAkB;CACjB;;AAIL;EACI,mBAAkB;EAClB,eAAa;EACb,gBAAe;EACf,kBAAiB;EACjB,iBAAgB;CACnB;;AAGD;EACI,kBAAiB;CACpB;;AAED;EACI,kBAAiB;EACjB,mBAAkB;EAClB,qBAAoB;CACvB;;AAGD;EACI,kBAAiB;CACpB;;AAKD;;6BAE6B;AAE7B;EACI,oBHlEmB;EGoEnB,2CAAyC;EACzC,mBAAkB;CACrB;;AAED;EACI,YH1EQ;CG2EX;;AAED;EACI,mBAAkB;CACrB;;AAED;EACI,kBAAiB;CACpB;;AAID;EACI,qCAAoC;CACvC;;AAED;EACI,kBAAiB;EACjB,mBAAkB;CACrB;;AAGD;EACI,mBAAkB;CAUrB;;AAXD;EAIQ,YHrGI;EGsGJ,iBAAgB;CACnB;;AANL;EASQ,YH1GI;CG2GP;;AAQL;;yBAEyB;AAEzB;EACI,iBHxHQ;EGyHR,aAAY;EACZ,YAAW;EACX,gBAAe;EACf,cAAa;CAAG;;AAElB;EACE,wCH/HQ;EGgIR,0DAAyD;EACzD,wDAAuD;EACvD,qBAAoB;EACpB,0BAAyB;EACzB,6BAA4B;EAC5B,wBAAuB;EACvB,yBAAwB;EACxB,2CAA0C;EAC1C,uDAAsD;EACtD,aAAY;EACZ,UAAS;EACT,wBAAuB;EACvB,mBAAkB;EAClB,mBAAkB;EAClB,SAAQ;EACR,YAAW;EACX,yCAAwC;EAExC,iCAAgC;CAAG;;AAErC;EACE,mBHrJQ;CGqJe;;AAEzB;EACE,8CAA6C;EAC7C,sCAAqC;CAAG;;AAE1C;EACE;IACE,gCAA+B;IAC/B,wBAAuB;GDqR1B;ECpRC;IACE,kCAAiC;IACjC,0BAAyB;GDsR5B;CACF;;ACrRC;EACE;IACE,gCAA+B;IAC/B,wBAAuB;GDwR1B;ECvRC;IACE,kCAAiC;IACjC,0BAAyB;GDyR5B;CACF;;AEjcD;;4BAE4B;AAE5B;EACI,mBAAkB;CACrB;;AACD;EACI,mBAAkB;EAClB,mBAAkB;EAClB,oEAAkE;EAElE,uBAAsB;CACzB;;AACD;EACI,mBAAkB;EAClB,mBAAkB;EAClB,wEAAsE;EAEtE,uBAAsB;CACzB;;AAED;EACI,mBAAkB;EAClB,mBAAkB;EAClB,sEAAoE;EAEpE,uBAAsB;CACzB;;AAED;EACI,mBAAkB;EAClB,mBAAkB;EAClB,qEAAmE;EAEnE,uBAAsB;CACzB;;AAED;EACI,mBAAkB;EAClB,mBAAkB;EAClB,oEAAkE;EAElE,uBAAsB;CACzB;;AAGD;EACI,YJlDQ;CImDX;;AACD;EACI,YJ/Cc;CIgDjB;;AAED;EACI,mBAAkB;EAClB,aAAY;CACf;;AC1DD;;wBAEwB;AAExB;EACI,sBAAqB;EACrB,aAAY;EACZ,cAAa;EACb,YAAW;EACX,uBAAsB;EACtB,0BAAyB;EACzB,2BACJ;CAAC;;AAED;EACI,qBAAoB;EACpB,aAAY;CACf;;AAED;EACI,+BAA8B;EAC9B,8BAA6B;CAChC;;AAED;EACI,YL1BQ;EK2BR,iBAAgB;EAChB,qBAAoB;EACpB,0BAAyB;CAC5B;;AACD;EACI,mBAAkB;CACrB;;AACD;EACI,mBAAkB;EAClB,mBAAkB;CAiBrB;;AAnBD;EAMQ,mBAAkB;EAClB,YAAW;EACX,OAAM;EACN,SAAQ;EACR,UAAS;EACT,QAAO;EACP,YAAW;EACX,gCAA+B;EAC/B,WAAU;EACV,4CAA0C;EAC1C,uBLlDI;CKoDP;;AAGL;EACI,gBAAe;EACf,cAAa;EACb,SAAQ;EACR,QAAO;CACV;;AAGD;EACI,YLhEQ;CKiEX;;AAGD;EACI,eLlEW;CKsEd;;AALD;EAGQ,WAAU;CACb;;AAIL;EACI,cAAa;CAShB;;AAVD;EAIQ,aAAY;CAKf;;AAKL;EAIQ,2BAA0B;EAC1B,eAAc;EACd,mBAAkB;EAClB,WAAU;EACV,UAAS;EAET,sFAA8E;EAC9E,YAAW;EACX,aAAY;EACZ,mBAAkB;CACrB;;AAdL;EAgBQ,WAAU;EACV,oBAAmB;EACnB,UAAS;CACZ;;AAIL;EACI,gBAAe;EACf,QAAO;EACP,OAAM;EACN,YAAW;EACX,kCAA8B;EAC9B,0BAAyB;CAE5B;;AAGD;;wBAEwB;AAGxB;EACI,WACJ;CAAC;;AAED;EACI,kCAAyB;UAAzB,0BAAyB;CAC5B;;AAED;EACI;IACI,WACJ;GHifD;CACF;;AGrfD;EACI;IACI,WACJ;GHifD;CACF;;AG/eD;EACI,oBAAmB;EACnB,iBAAgB;EAChB,mBAAkB;EAClB,sBAAqB;EACrB,iCAAgC;EAChC,0BAAyB;CAQ5B;;AAdD;EASQ,YLxJI;EKyJJ,sBAAqB;EACrB,0BLzJe;CK2JlB;;AC3JL;;yBAEyB;AAEzB;EACI,kBAAiB;CACpB;;AAED;EACI,kBAAiB;CACpB;;AAGD;EAEQ,oBAAmB;CACtB;;AAHL;EAKQ,kBAAiB;CACpB;;AAIL;;EAEI,iCAA+B;CAClC;;AAID;;+BAE+B;AAC/B;EACI,mBAAkB;EAClB,sDAAoD;EAEpD,uBAAsB;CACzB;;AAGD;EACI,mBAAkB;EAClB,oBAAmB;CAUtB;;AAZD;EAIQ,YNxCU;EMyCV,oBAAmB;EACnB,+BAA8B;CACjC;;AAPL;EASQ,YNnDI;EMoDJ,iBAAgB;CACnB;;AAIL;EACI,YAAW;CACd;;AAED;EACI,mBAAiB;EACjB,iBAAgB;CAUnB;;AAZD;EAKQ,mBAAkB;EAClB,aAAY;CACf;;AAPL;EAUQ,aAAY;CACf;;ACvEL;EACI,mBAAkB;EAClB,yDAAuD;EAEvD,uBAAsB;CACzB;;AAED;EACI,mBAAkB;EAClB,2DAAyD;EAEzD,uBAAsB;CACzB;;ACZD;;yBAEyB;AACzB;EACI,mBAAkB;CAqBrB;;AAtBD;EAIQ,mBAAkB;EAClB,YAAW;EACX,WAAU;EACV,0BRVe;EQWf,YAAW;EACX,YAAW;EACX,YAAW;EACX,aAAY;EACZ,mBAAkB;EAClB,WAAU;CACb;;AAdL;EAiBQ,gBAAe;EACf,sBAAoB;EACpB,YAAW;EACX,mBAAkB;CACrB;;AAOL;;6BAE6B;AAC7B;EACI,mBAAkB;EAElB,2CAA0C;CAK7C;;AARD;EAMQ,0BRxCe;CQyClB;;AAEL;EACI,oBAAmB;CACtB;;AACD;EACI,gBAAe;CAClB;;AChDD;;yBAEyB;AACzB;EACI,eTJmB;ESKtB,oBAAmB;EACnB,iBAAgB;CAChB;;AAED;EACI,oBAAmB;CACtB;;AAED;EACI,sBAAqB;EACrB,wBThBQ;ESiBR,cAAa;CAChB;;AAED;EACI,kBAAiB;EACjB,mBAAkB;CAMrB;;AARD;EAKQ,oBAAmB;EACnB,iBAAgB;CACnB;;AAGL;EACI,mBAAkB;EAClB,YThCQ;ESiCR,gBAAe;EACf,YAAW;EACX,aAAY;EACZ,oBTnCmB;ESoCnB,mBAAkB;EAClB,mBAAkB;EAClB,iBAAgB;CACnB;;AAED;EACI,oBAAmB;CACtB;;AAGD;EACI,0BAAyB;CAC5B;;AAKD;;yBAEyB;AAEzB;EACI,mBAAkB;EAClB,8DAA4D;EAE5D,uBAAsB;CAWzB;;AAfD;EAOQ,mBAAkB;EAClB,YAAU;EACV,UAAS;EACT,SAAQ;EACR,YAAW;EACX,aAAY;EACZ,sGAAqG;CACxG;;AAIL;EACI,mBAAkB;EAClB,mBAAkB;EAGlB,gCAA+B;EAC/B,oBAAmB;EACnB,4CAAwC;EACxC,oBAAmB;CAgCtB;;AAxCD;EAWQ,gBAAe;EACf,oBAAmB;EACnB,eAAc;EACd,YT1FI;CS2FP;;AAfL;EAkBQ,YT9FI;CS+FP;;AAnBL;EAsBQ,YT5FU;ES6FV,iBAAgB;CACnB;;AAxBL;EA2BQ,iBTvGI;ESwGJ,0BAAyB;CAW5B;;AAvCL;EA8BY,eTzGW;CS0Gd;;AA/BT;EAiCY,YAAW;CACd;;AAlCT;EAoCY,YAAW;CACd;;AAIT;EACI,sBAAqB;EACrB,wBTvHQ;ESwHR,cAAa;CAEhB;;ACzHD;;yBAEyB;AACzB;EACI,mBAAkB;EAClB,wDAAsD;EAEtD,uBAAsB;CAKzB;;AATD;EAOQ,0BAAwB;CAC3B;;AAGL;EACI,mBAAkB;EAClB,QAAO;EACP,OAAM;EACN,YAAW;EACX,aAAY;EACZ,gCAA8B;CACjC;;AAED;EACI,sGAAqG;EACrG,YAAW;CACd;;AAED;EACI,kBAAiB;CACpB;;AAED;EACI,oBAAmB;CACtB;;AAED;EACI,mBAAkB;EAClB,mBAAkB;EAClB,mBAAkB;CAWrB;;AAdD;EAKQ,sBAAqB;EACrB,oBAAmB;CACtB;;AAPL;EASO,iBAAgB;CAClB;;AAVL;EAYQ,2BAA0B;CAC7B;;AAGL;EACI,mBAAkB;EAClB,oBAAmB;EACnB,oBAAmB;EACnB,mBAAkB;EAClB,cAAa;EACb,wBV3DQ;EU6DR,2CAA0C;CAQ7C;;AAhBD;EAUQ,eV9De;CU+DlB;;AAXL;EAaQ,iBAAgB;CACnB;;AAKL;;6BAE6B;AAE7B;EAGI,kCAAkC;CACrC;;AAKD;EACI,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,YAAW;EACX,WAAU;EACV,mBAAkB;EAClB,iBV5FQ;EU6FR,WAAU;EACV,mBAAkB;EAGlB,kCAAkC;EAClC,+BAA8B;CAoBjC;;AAjCD;EAgBQ,YAAW;EACX,aAAY;EACZ,sBAAqB;EACrB,mBAAkB;EAClB,kBAAiB;EACjB,oBAAmB;EACnB,mBAAkB;EAClB,WAAU;EACV,WAAU;EACV,oBV7Ge;EU8Gf,YV/GI;CUgHP;;AA3BL;EA8BQ,mBAAkB;EAClB,iBAAgB;CACnB;;AAGL;EACI,mBAAkB;EAClB,uBV1HQ;CUqIX;;AAbD;EAKQ,YAAW;EACX,mBAAkB;CACrB;;AAPL;EAUQ,WAAU;EACV,oBAAmB;CACtB;;AAML;;+BAE+B;AAE/B;EACG,iBAAgB;CAClB;;AAED;EACI,YAAW;EACX,mBAAkB;EAClB,oBAAmB;CACtB;;AAED;EACI,iBAAgB;CAKnB;;AAND;EAGQ,oBAAmB;EACnB,oBAAmB;CACtB;;AAGL;EACI,YAAW;CACd;;AChKD;;yBAEyB;AACzB;EACI,mBAAkB;CASrB;;AAVD;EAGK,mBAAkB;EAClB,oBAAmB;CACtB;;AALF;EAOK,oBAAkB;CACrB;;ACXF;;yBAEyB;AAEzB;EACI,sBAAqB;CAyBxB;;AA1BD;EAGQ,gBAAe;EACf,iBAAgB;EAChB,mBAAkB;EAClB,sBAAqB;CAQxB;;AAdL;EASY,mBAAkB;EAClB,UAAS;EACT,gBAAe;EACf,WAAU;CACb;;AAbT;EAiBQ,gBAAe;EACf,2BZlBU;EYmBV,8BZnBU;EYoBV,aAAY;EACZ,2BAA0B;EAC1B,WAAU;EACV,kBAAiB;CAEpB;;AAKL;EACI,sBAAqB;CAiBxB;;AAlBD;EAGQ,gBAAe;EACf,iBAAgB;EAChB,mBAAkB;EAClB,mBAAkB;CAWrB;;AAjBL;EASY,mBAAkB;EAClB,iBAAe;EACf,mCAAkC;EAClC,UAAS;EACT,SAAQ;EACR,eZjDW;EYkDX,iBAAgB;CACnB;;AAMT;EACI,kBAAiB;CAIpB;;AALD;EAGQ,cAAa;CAChB;;AAKL;;6BAE6B;AAC7B;EACI,uBZjEc;EYkEd,cAAa;EAGb,kCAAiC;CA0BpC;;AA/BD;EAQQ,gBAAe;EACf,oBAAmB;EACnB,2BAA0B;CAC7B;;AAXL;EAaQ,oBAA2B;EAC3B,sBAA6B;CAChC;;AAfL;EAkBQ,YZlFU;CYmFb;;AAnBL;EAqBQ,YZ3FI;CY4FP;;AAtBL;EAwBQ,YZ9FI;CY+FP;;AAzBL;EA2BQ,4BAA4B;EAC5B,uBAAqB;CACxB;;ACjGL;;yBAEyB;AACzB;EACI,mBAAkB;CAMrB;;AAPD;EAIQ,mBAAkB;EAClB,2CAA0C;CAC7C;;AAML;EACI,kBAAiB;EACjB,mBAAkB;CACrB;;AAED;EACI,cAAa;EACb,mBAAkB;EAClB,8BbnBc;CaoBjB;;AAGD;EAEQ,oBAAmB;CACtB;;AAHL;EAKQ,4BAA2B;EAC3B,iBAAgB;CACnB;;AAPL;EASQ,iBAAgB;CACnB;;AAVL;EAaQ,ebzCe;Ca0ClB;;AAdL;EAiBQ,sBAAqB;EACrB,mBAAkB;CAKrB;;AAvBL;EAqBY,cAAa;CAChB;;ACnDT;;uCAEuC;AACvC;EACI,sBAAqB;EACrB,oBAAmB;CACtB;;AACD;EACI,oBAAmB;CACtB;;AACD;EACI,mBAAkB;EAClB,cAAa;EACb,iBdbQ;EccR,8BAA6B;EAC7B,oBAAmB;EAGnB,yBAAwB;CAc3B;;AAtBD;EAYQ,2CAAyC;CAC5C;;AAbL;EAgBQ,gBAAe;EACf,aAAY;EACZ,mBAAkB;EAClB,YAAW;EACX,aAAY;CACf;;AAIL;EACI,oBAAmB;CAQtB;;AATD;EAGQ,YAAW;EACX,aAAY;EACZ,oBAAmB;EACnB,wBAAuB;EACvB,aAAY;CACf;;AAGL;EACI,kBAAiB;EACjB,iBAAgB;CACnB;;AAKD;;2BAE2B;AAE3B;EACI,oBAAmB;EACnB,uBd5DQ;Cc6DX;;AAED;EACI,aAAY;EACZ,cAAa;EACb,oBAAmB;CACtB;;AClED;;+BAE+B;AAE/B;EACI,kBAAiB;CACpB;;AACD;EACI,uBfHc;EeId,mBAAkB;EAClB,mBAAkB;CAWrB;;AAdD;EAMQ,mBAAkB;CACrB;;AAPL;EASQ,gBAAe;EACf,oBAAmB;EACnB,eAAc;EACd,efnBe;CeoBlB;;AAIL;EACI,sBfzBmB;Ee0BnB,iBAAgB;CACnB;;AAGD;;mBAEmB;AAEnB;EACI,cAAa;EACb,YAAW;CACd;;ACrCD;;yBAEyB;AACzB;EACI,kBAAiB;EACjB,mBAAkB;CAUrB;;AAZD;EAKQ,gBAAe;CAClB;;AANL;EAQQ,gBAAe;EACf,sBACJ;CAAC;;AAIL;EACI,uCAAsC;EAEtC,uBAAsB;CACzB;;AAED;EACI,iBAAgB;EAChB,aAAY;CACf;;AAKD;EAEQ,YhB7BY;EgB8BZ,iBAAgB;EAChB,oBAAmB;EACnB,kBAAiB;EACjB,gBAAe;CAClB;;AAPL;EASQ,YhBzCI;EgB0CJ,oBAAmB;CACtB;;AAKL;EAEQ,YhB7CY;EgB8CZ,kBAAiB;EACjB,gBAAe;EACf,2BAA0B;CAC7B;;AANL;EAQQ,YAAW;CACd;;AAIL;EACI,YhBzDgB;EgB0DhB,gBAAe;EACf,mBAAkB;CAWrB;;AAdD;EAMQ,mBAAkB;EAClB,YAAW;EACX,UAAS;EACT,UAAS;EACT,WAAU;EACV,YAAW;EACX,oBAAmB;CACtB;;AAGL;EACI,0BAAgC;CACnC;;AAKD;;kCAEkC;AAElC;EACI,gBAAe;EACf,YAAW;EACX,YAAW;EACX,aAAY;EACZ,aAAY;EACZ,oBhB7FmB;EgB8FnB,uBAAuB;EACvB,oBAAmB;EACnB,WAAU;CAcb;;AAvBD;EAYQ,YAAW;EACX,aAAY;EACZ,oBAAmB;EACnB,mBAAkB;EAClB,gBAAe;EACf,kBAAiB;EACjB,eAAc;EAEd,2CAAyC;CAC5C;;AAKL;EACI,sBAAqB;CACxB;;AAED;EACI,oBAAmB;EACnB,gBAAe;EACf,WAAU;CACb;;ACzHD;;qCAEqC;AnBuBnC;EmBnBE;IACI,oBAAmB;IACnB,uBACJ;GAAC;EACD;IACI,yCAAuC;GAC1C;EACA;IACG,sCAA4B;YAA5B,8BAA4B;IAC5B,WACJ;GAAC;EAED;IACI,kCAAyB;YAAzB,0BAAyB;GAC5B;EAED;IACI;MACI,iCAAwB;cAAxB,yBAAwB;MACxB,WACJ;Kf25CH;GACF;Eeh6CC;IACI;MACI,iCAAwB;cAAxB,yBAAwB;MACxB,WACJ;Kf25CH;GACF;Ee15CC;IACI,eAAc;IACd,kBAAiB;IACjB,UACJ;GAAC;EACA;IACG,eACJ;GAAC;Cf45CJ;;Aex5CD;;sCAEsC;AnBrBpC;EmByBE;IACE,gBAAe;GAAG;EACpB;IACE,gBAAe;GAAG;EACpB;IACI,kBAAiB;IACjB,gBAAe;GAClB;EACD;IACI,YjBvDI;GiBwDP;EAED;IACI,mBAAkB;IAClB,iBAAgB;IAChB,YAAW;GACd;EAED;IACI,kBAAiB;IACjB,oBAAmB;GACtB;EACD;IACI,iBAAgB;GACnB;EAED;IACI,YjBzEI;GiB0EP;EAED;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,qBAAoB;GACvB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,iBAAgB;IAChB,mBAAkB;IAClB,mBAAkB;IAClB,YAAW;IACX,iBAAgB;GACnB;EACD;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;GACrB;EACD;IACI,cAAa;GAChB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,iBAAgB;IAChB,mBAAkB;IAClB,YAAW;GACd;EAED;IACI,iBAAgB;IAChB,iBAAgB;GACnB;EAED;IACI,mBAAkB;GACrB;EACD;IACI,YAAW;GACd;EACD;IACI,iBAAgB;GACnB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;Cf24CJ;;Aet4CD;;qCAEqC;AnBlJnC;EmBsJE;IACI,kBAAiB;GACpB;EAED;IACI,kBAAiB;IACjB,YAAW;GACd;EAED;IACI,kBAAiB;IACjB,oBAAmB;GACtB;EACD;IACI,iBAAgB;GACnB;EAED;IACI,YjBxLI;GiByLP;EAED;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,qBAAoB;GACvB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,wBAAuB;IAGvB,gBAAe;GAClB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,iBAAgB;IAChB,mBAAkB;IAClB,mBAAkB;IAClB,YAAW;IACX,iBAAgB;GACnB;EACD;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;GACrB;EACD;IACI,cAAa;GAChB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,iBAAgB;GACnB;EAGD;IACI,iBAAgB;IAChB,mBAAkB;IAClB,YAAW;GACd;EAED;IACI,YAAW;GACd;EACD;IACI,yBAAwB;GAC3B;EAED;IACI,mBAAkB;IAClB,oBAAmB;GACtB;EACD;IACI,qBAAoB;IACpB,oBAAmB;GACtB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;Cfq3CJ;;Aej3CD,iCAAiC;AnBjR/B;EmBqRG;IACG,iBAAgB;GACnB;EACD;IACI,YjBrSI;GiBsSL;EAEH;IACE,OAAM;GAAG;EACX;IACE,cAAa;GAAG;EAElB;IACI,kBAAiB;GACpB;EACD;IACI,qBAAoB;IACpB,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,iBAAgB;IAChB,YAAW;GACd;EAED;IACI,kBAAiB;IACjB,oBAAmB;GACtB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,YjBpUI;GiBqUP;EAED;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,qBAAoB;GACvB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,wBAAuB;IAGvB,gBAAe;GAClB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,iBAAgB;IAChB,mBAAkB;IAClB,mBAAkB;IAClB,YAAW;GACd;EACD;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;GACrB;EACD;IACI,cAAa;GAChB;EACD;IACI,mBAAkB;IAClB,kBAAiB;IACjB,mBAAkB;GACrB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,mBAAkB;GACrB;EACD;IACI,iBAAgB;GACnB;EAED;IACI,iBAAgB;IAChB,mBAAkB;IAClB,YAAW;GACd;EAGD;IACI,mBAAkB;GACrB;EAED;IACI,iBAAgB;GACnB;EAGD;IACI,iBAAgB;IAChB,mBAAkB;IAClB,YAAW;GACd;EAED;IACI,mBAAkB;GACrB;EAED;IACI,oBAAmB;GACtB;EAGD;IACI,YAAW;GACd;EACD;IACI,oBAAmB;GACtB;EACD;IACI,yBAAwB;GAC3B;EACD;IACI,mBAAkB;IAClB,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,oBAAmB;GACtB;EACD;IACI,iBAAgB;GACnB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,cAAa;GAChB;Cf21CJ;;Aev1CD,2BAA2B;AnBrczB;EmBwcE;IACI,mCAAiC;GACpC;EACD;IACI,iBAAgB;GACnB;EACD;IACI,YjBtdI;GiBudL;EAEH;IACI,mBAAkB;IAClB,iBAAgB;IAChB,YAAW;GACd;EAED;IACI,kBAAiB;IACjB,oBAAmB;GACtB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,YjBzeI;IiB0eJ,iBAAgB;GACnB;EAED;IACI,gBAAe;GAClB;EACD;IACI,8BAA4B;GAC/B;EACD;IACI,oBAAmB;GACtB;EAED;IACI,mBAAkB;GACrB;EAED;IACI,qBAAoB;GACvB;EAED;IACI,oBAAmB;GACtB;EAED;IACI,wBAAuB;IAGvB,gBAAe;GAClB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;IAClB,iBAAgB;IAChB,mBAAkB;IAClB,mBAAkB;IAClB,YAAW;IACX,iBAAgB;GACnB;EAED;IACI,gBAAe;GAClB;EAED;IACI,oBAAmB;GACtB;EACD;IACI,oBAAmB;GACtB;EACD;IACI,mBAAkB;GACrB;EACD;IACI,cAAa;GAChB;EAGD;IACI,iBAAgB;GACnB;EAGD;IACI,gBAAe;IACf,kBAAiB;GACpB;EACD;IACI,mBAAkB;GACrB;EAED;IACI,iBAAgB;GACnB;EAGD;IACI,iBAAgB;IAChB,mBAAkB;IAClB,YAAW;GACd;EAED;IACI,qBAAoB;IACpB,oBAAmB;GACtB;EAED;IACI,oBAAmB;GACtB;EAGD;IACI,kBAAiB;GACpB;EAED;IACI,qBAAoB;GACvB;EACD;IACI,kBAAiB;GACpB;EAID;IACI,kBAAiB;IACjB,gBAAe;GAClB;EAED;IACI,iBAAgB;GACnB;EAED;IACI,YAAW;GACd;EAED;IACI,oBAAmB;GACtB;EAED;IACI,yBAAwB;GAC3B;EAED;IACI,gBAAe;GAClB;EAED;IACI,mBAAkB;IAClB,oBAAmB;GACtB;EACD;IACI,iBAAgB;GACnB;EAED;IACI,oBAAmB;GACtB;EACF;IACI,oBAAmB;GACtB;EAEH;IACO,cAAa;GAChB;CfuzCJ","file":"../style.css","sourcesContent":["/*=== MEDIA QUERY ===*/\r\n@mixin mobile-xs{\r\n @media(max-width:400px){\r\n @content;\r\n }\r\n}\r\n@mixin mobile{\r\n @media(max-width:480px){\r\n @content;\r\n }\r\n}\r\n@mixin tablet-xs{\r\n @media(max-width:640px){\r\n @content;\r\n }\r\n}@mixin tablet{\r\n @media(max-width:768px){\r\n @content;\r\n }\r\n}\r\n@mixin desktop{\r\n @media(max-width:992px){\r\n @content;\r\n }\r\n}\r\n@mixin large-desktop{\r\n @media(max-width:1200px){\r\n @content;\r\n }\r\n}","/** --------------------------------------------------\r\nAuthor : Dreambuzz\r\nTemplate Name: Rapoo - it solution landing template\r\nAuthor URI : https://themeforest.net/user/dreambuzz/portfolio\r\nDescription: Rapoo,it, onepage,clean,bootstrap4, \r\nDescription: Rapoo,it, onepage,clean,bootstrap4, responsive,modern,agency,landing template.\r\nVersion : 1.0\r\n* ------------------------------------------------- */\r\n\r\n/*-----------------------------\r\n CSS INDEXING\r\n* --------------------------------------\r\n* 01.GLOBAL CSS STYLE\r\n* 02.TYPOGRAPHY CSS STYLE\r\n* 03.BUTTONS STYLE\r\n* 04.HOMEPAGE CSS STYLE\r\n -LOGO CSS\r\n -MENU CSS\r\n -BACKGROUND\r\n* 05.FEATURES CSS STYLE\r\n* 06.SERVICE CSS STYLE\r\n* 07.ABOUT CSS STYLE\r\n* 08.PRICING CSS STYLE\r\n* 09.TESTIMONIAL STYLE\r\n* 10.LATEST BLOG CSS STYLE\r\n* 11.CONTACT CSS STYLE\r\n* 12.FOOTER CSS STYLE\r\n* ----------------------------------------\r\n*/\r\n\r\n\r\n// Fonts \r\n@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500,700,900');\r\n\r\n\r\n\r\nhtml {\r\n font-family: sans-serif;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -ms-overflow-style: scrollbar;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\r\n}\r\n\r\nbody {\r\n font-family: $secondary-font;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n margin: 0;\r\n text-align: left;\r\n background-color: #fff;\r\n font-weight: 400;\r\n color: $black-light;\r\n}\r\n\r\n/*--------------------\r\n TYPOGRAPHY\r\n-----------------*/\r\n\r\n.h1,\r\n.h2,\r\n.h3,\r\n.h4,\r\n.h5,\r\n.h6,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n \r\n font-family: $primary-font; \r\n font-weight: 700;\r\n line-height: 1.35;\r\n margin-bottom: .5rem;\r\n color: $black;\r\n}\r\n\r\n.h1,\r\nh1 {\r\n font-size: 2.125rem;\r\n line-height: 40px;\r\n}\r\n\r\n.h2,\r\nh2 {\r\n font-size: 1.625rem;\r\n}\r\n\r\n.h3,\r\nh3 {\r\n font-size: 1.375rem;\r\n}\r\n\r\n.h4,\r\nh4 {\r\n font-size: 1.125rem;\r\n}\r\n\r\n.h5,\r\nh5 {\r\n font-size: .9375rem;\r\n}\r\n\r\n.h6,\r\nh6 {\r\n font-size: .75rem;\r\n}\r\n\r\n.lead {\r\n font-size: 1.0625rem;\r\n font-weight: 300;\r\n}\r\n\r\n.font-weight-500 {\r\n font-weight: 500 !important;\r\n}\r\n\r\n.section-title {\r\n font-size: 35px;\r\n font-weight: 700;\r\n text-transform: capitalize;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bg-grey {\r\n background: $secondary-color;\r\n}","$light: #fff;\r\n$primary-color: #21c87a;\r\n$secondary-color: #F4F7FC;\r\n$black: #212529;\r\n$black-light: #6c757d;\r\n$black-lighter: #888;\r\n$border-color:#eee;\r\n$primary-font: 'Muli', sans-serif;\r\n$secondary-font:'Muli', sans-serif;\r\n","\r\n/*--------------------\r\nCommon Styles\r\n-----------------*/\r\n\r\n.section-heading {\r\n margin-bottom: 80px;\r\n}\r\nimg {\r\n vertical-align: middle;\r\n border-style: none;\r\n}\r\n\r\n.img-thumbnail {\r\n padding: .25rem;\r\n border: 1px solid #dee2e6;\r\n background-color: #fff\r\n}\r\n\r\n\r\n.section {\r\n position: relative;\r\n padding: 8.125rem 0;\r\n}\r\n\r\n@media (min-width:768px) {\r\n .section {\r\n padding: 7.5rem 0\r\n }\r\n}\r\n\r\n.section-top {\r\n padding-top: 8.125rem;\r\n}\r\n\r\n.section-bottom {\r\n padding-bottom: 8.125rem;\r\n}\r\n\r\n@media (min-width:768px) {\r\n .section-top {\r\n padding-top: 10.3125rem\r\n }\r\n}\r\n\r\n\r\n.bg-grey {\r\n background: #F4F7FC;\r\n}\r\n\r\n/*-------------------\r\n BUTTONS STYLE\r\n----------------=----*/\r\n\r\n.btn {\r\n font-size: .6875rem;\r\n font-weight: 700;\r\n position: relative;\r\n text-transform: uppercase;\r\n padding: 1.2rem 2.7rem;\r\n border: 0.1rem solid transparent;\r\n transition: all 0.2s ease-in-out;\r\n letter-spacing: .5px\r\n}\r\n\r\n\r\n\r\n.btn-circle {\r\n display: inline-flex;\r\n width: 4.20313rem !important;\r\n height: 4.20313rem !important;\r\n padding: 0 !important;\r\n border-radius: 50%;\r\n align-items: center;\r\n justify-content: center\r\n}\r\n\r\n\r\n.btn-outline-dark {\r\n border: 1px solid#222;\r\n}\r\n.btn-white{\r\n background: #fff;\r\n color: #212529;\r\n}\r\n.btn-trans-white {\r\n border: 1px solid#fff;\r\n color: #fff;\r\n}\r\n\r\n.btn-outline-dark:hover {\r\n background: #222 !important;\r\n color: #fff !important;\r\n}\r\n\r\n.btn.btn-link {\r\n color: #212529;\r\n}\r\n\r\n.btn:focus {\r\n box-shadow: none !important\r\n}\r\n\r\n.btn-circled {\r\n border-radius: 75px;\r\n}\r\n\r\n\r\n.bg-primary,.btn-primary,.btn-white:hover{\r\n background:#21c87a!important;\r\n border-color: #21c87a!important;\r\n color: #fff;\r\n}\r\n\r\n.bg-dark,.btn-primary:hover{\r\n background: #232323!important;\r\n border-color: #232323!important;\r\n color: #fff;\r\n}\r\n\r\n.shadow-sm-2{\r\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n\r\n\r\n/*------------------------\r\n BACKGROUND\r\n----------------------------*/\r\n\r\n\r\n.bg-cover {\r\n background-repeat: no-repeat;\r\n background-position: 50%;\r\n background-size: cover\r\n}\r\n\r\n.bg-cover,\r\n.bg-overlay,\r\n.bg-overlay:before {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0\r\n}\r\n\r\n.bg-overlay:before {\r\n content: \"\";\r\n opacity: .55;\r\n background-color: #212529\r\n}\r\n\r\n.box-shadow {\r\n box-shadow: 0 25px 100px -5px rgba(0, 0, 0, .15)\r\n}\r\n\r\n\r\n\r\n\r\n.mt50{\r\n margin-top: 80px;\r\n}\r\n\r\n\r\n.mb-30{\r\n margin-bottom: 30px;\r\n}\r\n\r\n.bg-primary{\r\n background: $primary-color!important;\r\n}\r\n\r\na {\r\n color: $primary-color;\r\n}\r\n\r\na:hover, a:focus {\r\n outline: none;\r\n text-decoration: none;\r\n}\r\n","/*=== MEDIA QUERY ===*/\n/** --------------------------------------------------\r\nAuthor : Dreambuzz\r\nTemplate Name: Rapoo - it solution landing template\r\nAuthor URI : https://themeforest.net/user/dreambuzz/portfolio\r\nDescription: Rapoo,it, onepage,clean,bootstrap4, \r\nDescription: Rapoo,it, onepage,clean,bootstrap4, responsive,modern,agency,landing template.\r\nVersion : 1.0\r\n* ------------------------------------------------- */\n/*-----------------------------\r\n CSS INDEXING\r\n* --------------------------------------\r\n* 01.GLOBAL CSS STYLE\r\n* 02.TYPOGRAPHY CSS STYLE\r\n* 03.BUTTONS STYLE\r\n* 04.HOMEPAGE CSS STYLE\r\n -LOGO CSS\r\n -MENU CSS\r\n -BACKGROUND\r\n* 05.FEATURES CSS STYLE\r\n* 06.SERVICE CSS STYLE\r\n* 07.ABOUT CSS STYLE\r\n* 08.PRICING CSS STYLE\r\n* 09.TESTIMONIAL STYLE\r\n* 10.LATEST BLOG CSS STYLE\r\n* 11.CONTACT CSS STYLE\r\n* 12.FOOTER CSS STYLE\r\n* ----------------------------------------\r\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Muli:300,400,500,700,900\");\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n font-family: \"Muli\", sans-serif;\n font-size: 15px;\n line-height: 1.75;\n margin: 0;\n text-align: left;\n background-color: #fff;\n font-weight: 400;\n color: #6c757d;\n}\n\n/*--------------------\r\n TYPOGRAPHY\r\n-----------------*/\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: \"Muli\", sans-serif;\n font-weight: 700;\n line-height: 1.35;\n margin-bottom: .5rem;\n color: #212529;\n}\n\n.h1,\nh1 {\n font-size: 2.125rem;\n line-height: 40px;\n}\n\n.h2,\nh2 {\n font-size: 1.625rem;\n}\n\n.h3,\nh3 {\n font-size: 1.375rem;\n}\n\n.h4,\nh4 {\n font-size: 1.125rem;\n}\n\n.h5,\nh5 {\n font-size: .9375rem;\n}\n\n.h6,\nh6 {\n font-size: .75rem;\n}\n\n.lead {\n font-size: 1.0625rem;\n font-weight: 300;\n}\n\n.font-weight-500 {\n font-weight: 500 !important;\n}\n\n.section-title {\n font-size: 35px;\n font-weight: 700;\n text-transform: capitalize;\n margin-bottom: 15px;\n}\n\n.bg-grey {\n background: #F4F7FC;\n}\n\n/*--------------------\r\nCommon Styles\r\n-----------------*/\n.section-heading {\n margin-bottom: 80px;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\n.img-thumbnail {\n padding: .25rem;\n border: 1px solid #dee2e6;\n background-color: #fff;\n}\n\n.section {\n position: relative;\n padding: 8.125rem 0;\n}\n\n@media (min-width: 768px) {\n .section {\n padding: 7.5rem 0;\n }\n}\n\n.section-top {\n padding-top: 8.125rem;\n}\n\n.section-bottom {\n padding-bottom: 8.125rem;\n}\n\n@media (min-width: 768px) {\n .section-top {\n padding-top: 10.3125rem;\n }\n}\n\n.bg-grey {\n background: #F4F7FC;\n}\n\n/*-------------------\r\n BUTTONS STYLE\r\n----------------=----*/\n.btn {\n font-size: .6875rem;\n font-weight: 700;\n position: relative;\n text-transform: uppercase;\n padding: 1.2rem 2.7rem;\n border: 0.1rem solid transparent;\n transition: all 0.2s ease-in-out;\n letter-spacing: .5px;\n}\n\n.btn-circle {\n display: inline-flex;\n width: 4.20313rem !important;\n height: 4.20313rem !important;\n padding: 0 !important;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n}\n\n.btn-outline-dark {\n border: 1px solid #222;\n}\n\n.btn-white {\n background: #fff;\n color: #212529;\n}\n\n.btn-trans-white {\n border: 1px solid #fff;\n color: #fff;\n}\n\n.btn-outline-dark:hover {\n background: #222 !important;\n color: #fff !important;\n}\n\n.btn.btn-link {\n color: #212529;\n}\n\n.btn:focus {\n box-shadow: none !important;\n}\n\n.btn-circled {\n border-radius: 75px;\n}\n\n.bg-primary, .btn-primary, .btn-white:hover {\n background: #21c87a !important;\n border-color: #21c87a !important;\n color: #fff;\n}\n\n.bg-dark, .btn-primary:hover {\n background: #232323 !important;\n border-color: #232323 !important;\n color: #fff;\n}\n\n.shadow-sm-2 {\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n}\n\n/*------------------------\r\n BACKGROUND\r\n----------------------------*/\n.bg-cover {\n background-repeat: no-repeat;\n background-position: 50%;\n background-size: cover;\n}\n\n.bg-cover,\n.bg-overlay,\n.bg-overlay:before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.bg-overlay:before {\n content: \"\";\n opacity: .55;\n background-color: #212529;\n}\n\n.box-shadow {\n box-shadow: 0 25px 100px -5px rgba(0, 0, 0, 0.15);\n}\n\n.mt50 {\n margin-top: 80px;\n}\n\n.mb-30 {\n margin-bottom: 30px;\n}\n\n.bg-primary {\n background: #21c87a !important;\n}\n\na {\n color: #21c87a;\n}\n\na:hover, a:focus {\n outline: none;\n text-decoration: none;\n}\n\n/*----------------------\r\n HEADER STYLE\r\n-----------------------*/\n.header-socials {\n line-height: 22px;\n margin-bottom: 0px;\n}\n\n.header-socials li {\n padding: 8px;\n}\n\n.header-socials li a {\n color: #21c87a;\n}\n\n/*-----------------\r\n LOGO BAR\r\n-------------------*/\n.logo-bar {\n padding: 30px 0px 60px;\n}\n\n.top-info-block {\n margin-right: 30px;\n}\n\n.top-info-block h5, .top-info-block p {\n margin-bottom: 0px;\n}\n\n.icon-block {\n margin-right: 20px;\n color: #21c87a;\n font-size: 40px;\n line-height: 20px;\n font-weight: 400;\n}\n\n.top-info-block:last-child {\n margin-right: 0px;\n}\n\n.header-bar {\n overflow: visible;\n position: relative;\n padding-bottom: 30px;\n}\n\n.main-navigation {\n margin-top: -40px;\n}\n\n/*-----------------------\r\n HOME-3\r\n---------------------------*/\n.header-white {\n background: #21c87a;\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n border-radius: 0px;\n}\n\n.trans-navigation .navbar-brand h4, .site-navigation .navbar-brand h4, .site-navigation .navbar-brand h3, .trans-navigation .navbar-brand h3 {\n color: #fff;\n}\n\n.banner-content.style-2 {\n padding-top: 200px;\n}\n\n.trans-navigation .navbar-brand {\n padding-top: 13px;\n}\n\n.site-navigation.header-white {\n border-bottom: 1px solid transparent;\n}\n\n.site-navigation .navbar-brand {\n padding-top: 13px;\n margin-right: 20px;\n}\n\n.banner-content2 {\n padding: 200px 0px;\n}\n\n.banner-content2 .display-4 {\n color: #fff;\n font-weight: 600;\n}\n\n.banner-content2 p.lead {\n color: #fff;\n}\n\n/* =========================\r\nPRELOADER\r\n=======================*/\n#page-loader {\n background: #fff;\n height: 100%;\n width: 100%;\n position: fixed;\n z-index: 1050;\n}\n\n.loader-icon {\n background: none repeat scroll 0 0 #fff;\n border-bottom: 3px solid rgba(19, 19, 19, 0.1) !important;\n border-left: 3px solid rgba(19, 19, 19, 0.1) !important;\n border-radius: 100px;\n -moz-border-radius: 100px;\n -webkit-border-radius: 100px;\n -o-border-radius: 100px;\n -ms-border-radius: 100px;\n border-right: 3px solid #1453F2 !important;\n border-top: 3px solid rgba(19, 19, 19, 0.1) !important;\n height: 50px;\n left: 50%;\n margin: -20px 0 0 -20px;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 50px;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n.colored-border {\n border-color: #fff;\n}\n\n.fa-spin {\n -webkit-animation: fa-spin 1s infinite linear;\n animation: fa-spin 1s infinite linear;\n}\n\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n/*--------------------------\r\nPAGE BANNER\r\n--------------------------*/\n.page-banner-area {\n padding: 180px 0px;\n}\n\n.page-contact {\n position: relative;\n padding: 180px 0px;\n background: url(\"../images/banner/p-6.jpg\") fixed 50% 50% no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.page-service {\n position: relative;\n padding: 180px 0px;\n background: url(\"../images/banner/service.jpg\") fixed 50% 50% no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.page-about {\n position: relative;\n padding: 180px 0px;\n background: url(\"../images/banner/about.jpg\") fixed 50% 50% no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.page-pricing {\n position: relative;\n padding: 180px 0px;\n background: url(\"../images/banner/img2.jpg\") fixed 50% 50% no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.page-project {\n position: relative;\n padding: 180px 0px;\n background: url(\"../images/banner/p-4.jpg\") fixed 50% 50% no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.page-banner-content h1 {\n color: #fff;\n}\n\n.page-banner-content p {\n color: #eee;\n}\n\n.form-control {\n border-radius: 0px;\n height: 45px;\n}\n\n/*-------------------\r\n MENU\r\n----------------------*/\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n content: \"\";\n vertical-align: middle;\n background: no-repeat 50%;\n background-size: 100% 100%;\n}\n\n.main-nav {\n margin-bottom: -45px;\n z-index: 999;\n}\n\n.navbar-nav .nav-link {\n padding-right: 1rem !important;\n padding-left: 1rem !important;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: #fff;\n font-weight: 700;\n letter-spacing: .5px;\n text-transform: uppercase;\n}\n\n.rounded-radius {\n border-radius: 5px;\n}\n\n.navbar {\n position: relative;\n padding: 1rem 1rem;\n}\n\n.navbar:before {\n position: absolute;\n z-index: -1;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n content: \"\";\n transition: opacity .15s linear;\n opacity: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n background-color: #fff;\n}\n\n.fixed-top {\n position: fixed;\n z-index: 1030;\n right: 0;\n left: 0;\n}\n\n.navbar-dark {\n color: #fff;\n}\n\n.navbar-light {\n color: #212529;\n}\n\n.navbar-light:before {\n opacity: 1;\n}\n\n.navbar .nav-item-divider {\n display: none;\n}\n\n.navbar .nav-item-divider .nav-link {\n opacity: .25;\n}\n\n.nav-item.dropdown .dropdown-menu {\n -webkit-transition: all 300ms ease;\n -o-transition: all 300ms ease;\n transition: all 300ms ease;\n display: block;\n visibility: hidden;\n opacity: 0;\n top: 120%;\n -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);\n box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);\n border: 0px;\n padding: 0px;\n position: absolute;\n}\n\n.nav-item.dropdown:hover .dropdown-menu {\n opacity: 1;\n visibility: visible;\n top: 100%;\n}\n\n.header-bar.fixed-header .main-navigation {\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n background: rgba(20, 27, 40, 0.9);\n border-color: transparent;\n}\n\n/*-------------------\r\n DROPDOWN MENU\r\n----------------------*/\n.dropdown-menu {\n opacity: 0;\n}\n\n.dropdown-menu.show {\n animation: .2s forwards b;\n}\n\n@keyframes b {\n to {\n opacity: 1;\n }\n}\n\n.dropdown-item {\n font-size: .6875rem;\n font-weight: 500;\n padding-top: .5rem;\n padding-bottom: .5rem;\n transition: background-color .1s;\n text-transform: uppercase;\n}\n\n.dropdown-item:hover {\n color: #fff;\n text-decoration: none;\n background-color: #21c87a;\n}\n\n/*----------------------\r\n BANNER STYLE\r\n-----------------------*/\n.py-7 {\n padding: 7.5rem 0;\n}\n\n.py-8 {\n padding: 8.5rem 0;\n}\n\n.main-banner h5 {\n margin-bottom: 20px;\n}\n\n.main-banner h1.display-4 {\n line-height: 65px;\n}\n\n.main-banner p.lead,\n.banner-content p.lead {\n margin-bottom: 2.5rem !important;\n}\n\n/*-------------------------\r\n HOME -2 \r\n-----------------------------*/\n#banner {\n position: relative;\n background: url(\"/images/bg/banner_bg.jpg\") no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.banner-content {\n padding: 150px 0px;\n padding-right: 30px;\n}\n\n.banner-content p {\n color: #eee;\n padding-right: 80px;\n margin-bottom: 30px !important;\n}\n\n.banner-content .display-4 {\n color: #fff;\n font-weight: 600;\n}\n\n#banner .overlay {\n opacity: .7;\n}\n\n.banner-contact-form {\n padding: 45px 40px;\n margin-top: 30px;\n}\n\n.banner-contact-form .form-control {\n border-radius: 0px;\n height: 45px;\n}\n\n.banner-contact-form textarea.form-control {\n height: auto;\n}\n\n#banner-3 {\n position: relative;\n background: url(\"../images/banner/banner.jpg\") no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n#banner-4 {\n position: relative;\n background: url(\"../images/banner/banner-2.jpg\") no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n/*----------------------\r\n FEATURE STYLE\r\n-----------------------*/\n.img-icon-block {\n position: relative;\n}\n\n.img-icon-block:before {\n position: absolute;\n content: \"\";\n top: -27px;\n background-color: #21c87a;\n opacity: .3;\n width: 80px;\n right: 70px;\n height: 80px;\n border-radius: 50%;\n z-index: 1;\n}\n\n.img-icon-block i {\n font-size: 58px;\n z-index: 2 !important;\n color: #333;\n position: relative;\n}\n\n/*--------------------------\r\nABOUT-2\r\n---------------------------*/\n#about .img-block {\n position: relative;\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n}\n\n#about .img-block img {\n border: 5px solid #21c87a;\n}\n\n.pt-6 {\n padding-top: 4.5rem;\n}\n\n.img-icon i {\n font-size: 60px;\n}\n\n/*----------------------\r\n SERVICE\r\n-----------------------*/\nh5.subtitle {\n color: #21c87a;\n margin-bottom: 10px;\n font-weight: 300;\n}\n\n.service-heading {\n margin-bottom: 50px;\n}\n\n.service-images {\n margin-bottom: -200px;\n border: 10px solid #fff;\n z-index: 9999;\n}\n\n.service-content {\n padding-top: 60px;\n padding-left: 15px;\n}\n\n.service-content h1 {\n margin-bottom: 20px;\n margin-top: 15px;\n}\n\n.service-icon {\n margin-right: 20px;\n color: #fff;\n font-size: 25px;\n width: 50px;\n height: 50px;\n background: #21c87a;\n text-align: center;\n border-radius: 50%;\n padding-top: 5px;\n}\n\n.service-block {\n margin-bottom: 50px;\n}\n\n.service-inner-content h4 {\n text-transform: uppercase;\n}\n\n/*----------------------\r\n WEB SERVICES\r\n-----------------------*/\n#services-2 {\n position: relative;\n background: url(\"../images/bg/6.jpg\") no-repeat fixed 50% 50%;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n#services-2:before {\n position: absolute;\n content: \"\";\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(30deg, rgba(121, 110, 255, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);\n}\n\n.web-service-block {\n text-align: center;\n padding: 35px 25px;\n -webkit-transition: all .5s ease-in-out;\n -o-transition: all .5s ease-in-out;\n transition: all .5s ease-in-out;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n margin-bottom: 10px;\n}\n\n.web-service-block i {\n font-size: 70px;\n margin-bottom: 30px;\n display: block;\n color: #fff;\n}\n\n.web-service-block h3 {\n color: #fff;\n}\n\n.web-service-block p {\n color: #eee;\n margin-top: 15px;\n}\n\n.web-service-block:hover {\n background: #fff;\n border-color: transparent;\n}\n\n.web-service-block:hover i {\n color: #21c87a;\n}\n\n.web-service-block:hover h3 {\n color: #111;\n}\n\n.web-service-block:hover p {\n color: #111;\n}\n\n.service-img {\n margin-bottom: -200px;\n border: 10px solid #fff;\n z-index: 9999;\n}\n\n/*----------------------\r\n PRoject\r\n-----------------------*/\n#projects-wrap {\n position: relative;\n background: url(\"../images/bg/banner_bg.jpg\") no-repeat;\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n#projects-wrap p.lead {\n color: #a9a9a9 !important;\n}\n\n.overlay {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.92);\n}\n\n.overlay.feature-overlay {\n background-image: linear-gradient(30deg, rgba(121, 110, 255, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);\n opacity: .9;\n}\n\n#projects {\n margin-top: -60px;\n}\n\n.single-project img {\n border-radius: 10px;\n}\n\n.project-content {\n text-align: center;\n padding: 40px 20px;\n position: relative;\n}\n\n.project-content .btn {\n padding: .7rem 1.7rem;\n border-radius: 25px;\n}\n\n.project-content p {\n margin-top: 20px;\n}\n\n.project-content h4 {\n text-transform: capitalize;\n}\n\n.project-content-block {\n padding: 70px 40px;\n margin-left: -120px;\n background: #F4F7FC;\n position: absolute;\n bottom: -70px;\n border: 15px solid #fff;\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n}\n\n.project-content-block h4 {\n color: #21c87a;\n}\n\n.project-content-block p {\n margin-top: 25px;\n}\n\n/*-------------------------\r\n PORTFOLIO-2\r\n---------------------------*/\n.single-work {\n -webkit-transition: all 300ms ease-in-out;\n -o-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.overlay-content-block {\n position: absolute;\n content: \"\";\n bottom: 20px;\n width: 100%;\n left: 30px;\n padding: 30px 20px;\n background: #fff;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: all 300ms ease-in-out;\n -o-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n border-radius: 5px 0px 0px 5px;\n}\n\n.overlay-content-block a {\n width: 50px;\n height: 50px;\n display: inline-block;\n text-align: center;\n padding-top: 12px;\n border-radius: 100%;\n position: absolute;\n left: 30px;\n top: -23px;\n background: #21c87a;\n color: #fff;\n}\n\n.overlay-content-block h4 {\n margin-bottom: 0px;\n margin-top: 10px;\n}\n\n.work-block {\n position: relative;\n border: 5px solid #fff;\n}\n\n.work-block img {\n width: 100%;\n border-radius: 5px;\n}\n\n.work-block:hover .overlay-content-block {\n opacity: 1;\n visibility: visible;\n}\n\n/* ==============================\r\n SINGEL PROJECTS\r\n=============================*/\n.project-details-info {\n margin: 40px 0px;\n}\n\n.info-block-2 {\n float: left;\n margin-right: 65px;\n margin-bottom: 40px;\n}\n\n.project-info ul {\n margin-top: 40px;\n}\n\n.project-info ul li {\n margin-bottom: 30px;\n padding-right: 20px;\n}\n\n.project-lg-images img {\n width: 100%;\n}\n\n/*----------------------\r\n PROCESS\r\n-----------------------*/\n.process-block {\n text-align: center;\n}\n\n.process-block img {\n border-radius: 5px;\n margin-bottom: 30px;\n}\n\n.process-block h3 {\n margin-bottom: 15px;\n}\n\n/*----------------------\r\n PRICING\r\n-----------------------*/\n.price-block {\n margin: 20px 0px 30px;\n}\n\n.price-block h2 {\n font-size: 80px;\n font-weight: 700;\n position: relative;\n display: inline-block;\n}\n\n.price-block h2 small {\n position: absolute;\n top: 20px;\n font-size: 16px;\n left: -9px;\n}\n\n.price-block h6 {\n font-size: 14px;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n padding: 7px;\n text-transform: capitalize;\n width: 50%;\n margin: 10px auto;\n}\n\n.price-features {\n margin: 30px 0px 50px;\n}\n\n.price-features li {\n font-size: 16px;\n padding: 5px 0px;\n position: relative;\n padding-left: 30px;\n}\n\n.price-features li:before {\n position: absolute;\n content: \"\\f00c\";\n font-family: \"Font Awesome 5 Free\";\n left: 0px;\n top: 5px;\n color: #21c87a;\n font-weight: 900;\n}\n\n.pricing-block .price-features li {\n padding-left: 0px;\n}\n\n.pricing-block .price-features li:before {\n display: none;\n}\n\n/*--------------------------\r\nPRICING-2\r\n---------------------------*/\n.pricing-box {\n border: 1px solid #eee;\n padding: 60px;\n -webkit-transition: all 300ms ease-in-out;\n -o-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.pricing-box .price-block h2 span {\n font-size: 12px;\n font-weight: normal;\n text-transform: capitalize;\n}\n\n.pricing-box:hover {\n background: #1d1c1c;\n border-color: #1d1c1c;\n}\n\n.pricing-box:hover .price-features li {\n color: #eee;\n}\n\n.pricing-box:hover .price-block h2 {\n color: #fff;\n}\n\n.pricing-box:hover h3 {\n color: #fff;\n}\n\n.pricing-box:hover .btn {\n background: #fff !important;\n color: #000 !important;\n}\n\n/*----------------------\r\n BLOG SECTION\r\n-----------------------*/\n.blog-box {\n position: relative;\n}\n\n.blog-box .blog-img-box img {\n border-radius: 5px;\n box-shadow: 0 7px 12px rgba(0, 0, 0, 0.08);\n}\n\n.single-blog {\n padding-top: 25px;\n position: relative;\n}\n\n.bg-light .single-blog {\n padding: 40px;\n text-align: center;\n border-bottom: 1px solid #eee;\n}\n\n.blog-content ul {\n margin-bottom: 10px;\n}\n\n.blog-content a h3 {\n transition: all .3s ease 0s;\n margin: 15px 0px;\n}\n\n.blog-content p {\n margin: 20px 0px;\n}\n\n.blog-content:hover a h3 {\n color: #21c87a;\n}\n\n.blog-content h6 span {\n display: inline-block;\n padding-left: 10px;\n}\n\n.blog-content h6 span:after {\n display: none;\n}\n\n/*------------------------------------\r\nSECTION TESTIMONIAL\r\n-------------------------------------*/\n#section-testimonial {\n padding-bottom: 120px;\n background: #F9FAFF;\n}\n\n.mb25 {\n margin-bottom: 25px;\n}\n\n.test-inner {\n position: relative;\n padding: 30px;\n background: #fff;\n border-top-right-radius: 35px;\n margin-bottom: 25px;\n -webkit-transition: all .7s ease;\n -o-transition: all .7s ease;\n transition: all .7s ease;\n}\n\n.test-inner:hover {\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n}\n\n.test-inner i {\n font-size: 60px;\n opacity: .09;\n position: absolute;\n right: 40px;\n bottom: 20px;\n}\n\n.test-author-thumb {\n margin-bottom: 15px;\n}\n\n.test-author-thumb img {\n width: 90px;\n height: 90px;\n border-radius: 100%;\n border: 1px dotted #ddd;\n padding: 5px;\n}\n\n.test-author-info {\n margin-left: 20px;\n margin-top: 20px;\n}\n\n/*----------------------\r\n TETSIMONIAL-2\r\n-------------------------*/\n.testimonial .content img {\n margin: 0 auto 30px;\n border: 3px solid #fff;\n}\n\n.img-md {\n width: 120px;\n height: 120px;\n border-radius: 100%;\n}\n\n/*---------------------------\r\nCONTACT PAGE\r\n-----------------------------*/\n#contact-info {\n padding-top: 90px;\n}\n\n.contact-info-block {\n border: 1px solid #eee;\n padding: 40px 20px;\n border-radius: 5px;\n}\n\n.contact-info-block h4 {\n margin-bottom: 0px;\n}\n\n.contact-info-block i {\n font-size: 40px;\n margin-bottom: 20px;\n display: block;\n color: #21c87a;\n}\n\n.form-control:focus, .form-control:hover {\n border-color: #21c87a;\n box-shadow: none;\n}\n\n/* --------------\r\n MAP\r\n-----------------*/\n#map {\n height: 400px;\n width: 100%;\n}\n\n/*----------------------\r\n FOOTER\r\n-----------------------*/\n#footer {\n padding: 80px 0px;\n position: relative;\n}\n\n#footer .footer-brand {\n font-size: 30px;\n}\n\n#footer .footer-links {\n padding-left: 0;\n list-style-type: none;\n}\n\n#footer {\n background: url(\"../images/bg/10.jpg\");\n -webkit-background-size: cover;\n background-size: cover;\n}\n\n.footer-overlay {\n background: #111;\n opacity: .94;\n}\n\n.footer-widget p {\n color: #888;\n margin-top: 20px;\n margin-bottom: 20px;\n line-height: 32px;\n font-size: 14px;\n}\n\n.footer-widget h3 {\n color: #fff;\n margin-bottom: 30px;\n}\n\n.footer-links a {\n color: #888;\n line-height: 38px;\n font-size: 14px;\n text-transform: capitalize;\n}\n\n.footer-links i {\n width: 25px;\n}\n\n.footer-copy {\n color: #888;\n font-size: 16px;\n position: relative;\n}\n\n.footer-copy:before {\n position: absolute;\n content: \"\";\n left: 0px;\n top: 12px;\n width: 66%;\n height: 1px;\n background: #94959a;\n}\n\n.current-year {\n color: #21c87a !important;\n}\n\n/*-----------------------------\r\n SCROLL TO TOP\r\n--------------------------------*/\n.scroll-to-top {\n position: fixed;\n content: \"\";\n right: 30px;\n bottom: 50px;\n z-index: 999;\n background: #21c87a;\n color: #fff !important;\n border-radius: 100%;\n opacity: 0;\n}\n\n.scroll-to-top i {\n width: 60px;\n height: 60px;\n border-radius: 100%;\n text-align: center;\n font-size: 22px;\n line-height: 60px;\n display: block;\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\n}\n\n.scroll-to-top:hover, .scroll-to-top:focus {\n text-decoration: none;\n}\n\n.reveal {\n transition: all .3s;\n cursor: pointer;\n opacity: 1;\n}\n\n/*----------------------------------\r\n MEDIUM LAYOUT: 1280px\r\n-----------------------------------*/\n@media (max-width: 1200px) {\n .dropdown-item {\n padding-top: .75rem;\n padding-bottom: .75rem;\n }\n .dropdown-item + .dropdown-item {\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n .navbar .dropdown-menu {\n transform: translateY(0.5rem);\n opacity: 0;\n }\n .navbar .dropdown-menu.show {\n animation: .2s forwards d;\n }\n @keyframes d {\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n .navbar .dropdown-menu {\n padding-top: 0;\n padding-bottom: 0;\n border: 0;\n }\n .navbar .nav-item-divider {\n display: block;\n }\n}\n\n/*----------------------------------\r\n TABLET LAYOUT: 768px\r\n------------------------------------*/\n@media (max-width: 992px) {\n .section-title {\n font-size: 30px;\n }\n .background-text {\n font-size: 60px;\n }\n .main-banner h1.display-4 {\n line-height: 62px;\n font-size: 30px;\n }\n .main-nav .navbar-brand h4 {\n color: #fff;\n }\n .top-info-block {\n text-align: center;\n margin: 10px 0px;\n clear: both;\n }\n .icon-block {\n margin-right: 0px;\n margin-bottom: 10px;\n }\n .main-navigation {\n margin-top: 20px;\n }\n .main-nav .navbar-brand h4 {\n color: #fff;\n }\n .section-title {\n font-size: 22px;\n }\n .feature-block {\n margin-bottom: 80px;\n }\n .service-img {\n margin-bottom: 0px;\n }\n .service-content {\n padding-bottom: 70px;\n }\n .process-block, .pricing-block {\n margin-bottom: 40px;\n }\n .section-heading {\n margin-bottom: 30px;\n }\n .project-content-block {\n text-align: center;\n margin-left: 0px;\n padding: 70px 20px;\n position: relative;\n bottom: 0px;\n margin-top: 40px;\n }\n .project-content-block h4 {\n font-size: 14px;\n }\n .blog-box {\n margin-bottom: 50px;\n }\n .footer-copy {\n text-align: center;\n }\n .footer-copy:before {\n display: none;\n }\n .banner-content p {\n padding-right: 0px;\n }\n .pricing-box {\n margin-top: 30px;\n }\n .main-navigation.menu-2 {\n margin-top: 20px;\n position: absolute;\n width: 100%;\n }\n .top-info-block {\n margin: 0px 20px;\n text-align: left;\n }\n .top-info-block .icon-block {\n margin-right: 10px;\n }\n .img-icon-block:before {\n right: auto;\n }\n #map {\n margin-top: 40px;\n }\n .contact-info-block {\n margin-bottom: 25px;\n }\n #work-wrap p.lead {\n margin-bottom: 40px;\n }\n}\n\n/*----------------------------------\r\n WIDE MOBILE LAYOUT: 7680px\r\n-----------------------------------*/\n@media (max-width: 768px) {\n .display-4 {\n font-size: 2.5rem;\n }\n .top-info-block {\n margin: 10px 15px;\n clear: both;\n }\n .icon-block {\n margin-right: 0px;\n margin-bottom: 10px;\n }\n .main-navigation {\n margin-top: 20px;\n }\n .main-nav .navbar-brand h4 {\n color: #fff;\n }\n .section-title {\n font-size: 22px;\n }\n .feature-block {\n margin-bottom: 80px;\n }\n .service-img {\n margin-bottom: 0px;\n }\n .service-content {\n padding-bottom: 70px;\n }\n .process-block, .pricing-block {\n margin-bottom: 40px;\n }\n .pricing-block.zoom-in {\n -webkit-transform: none;\n -ms-transform: none;\n -o-transform: none;\n transform: none;\n }\n .section-heading {\n margin-bottom: 30px;\n }\n .project-content-block {\n text-align: center;\n margin-left: 0px;\n padding: 70px 20px;\n position: relative;\n bottom: 0px;\n margin-top: 40px;\n }\n .project-content-block h4 {\n font-size: 14px;\n }\n .testimonial-heading {\n margin-bottom: 50px;\n }\n .blog-box {\n margin-bottom: 50px;\n }\n .footer-copy {\n text-align: center;\n }\n .footer-copy:before {\n display: none;\n }\n .banner-content p {\n padding-right: 0px;\n }\n .pricing-box {\n margin-top: 30px;\n }\n .main-navigation.menu-2 {\n margin-top: 20px;\n position: absolute;\n width: 100%;\n }\n .img-icon-block:before {\n right: auto;\n }\n .page-banner-area {\n padding: 160px 0px 110px;\n }\n .info-block-2 {\n margin-right: 35px;\n margin-bottom: 40px;\n }\n .navbar-collapse.collapse.show {\n padding-bottom: 30px;\n background: #21c87a;\n }\n #map {\n margin-top: 40px;\n }\n .contact-info-block {\n margin-bottom: 25px;\n }\n #work-wrap p.lead {\n margin-bottom: 40px;\n }\n}\n\n/* Extra Small Devices, Phones */\n@media (max-width: 640px) {\n .main-navigation {\n margin-top: 40px;\n }\n a.navbar-brand h4 {\n color: #fff;\n }\n .section-title {\n top: 0;\n }\n .background-text {\n display: none;\n }\n .display-4 {\n font-size: 2.5rem;\n }\n .navbar-collapse.collapse.show {\n padding-bottom: 30px;\n background: #21c87a;\n }\n .top-info-block {\n text-align: center;\n margin: 10px 0px;\n clear: both;\n }\n .icon-block {\n margin-right: 0px;\n margin-bottom: 10px;\n }\n .main-navigation {\n margin-top: 20px;\n }\n .main-nav .navbar-brand h4 {\n color: #fff;\n }\n .section-title {\n font-size: 22px;\n }\n .feature-block {\n margin-bottom: 80px;\n }\n .service-img {\n margin-bottom: 0px;\n }\n .service-content {\n padding-bottom: 70px;\n }\n .process-block, .pricing-block {\n margin-bottom: 40px;\n }\n .pricing-block.zoom-in {\n -webkit-transform: none;\n -ms-transform: none;\n -o-transform: none;\n transform: none;\n }\n .section-heading {\n margin-bottom: 30px;\n }\n .project-content-block {\n text-align: center;\n margin-left: 0px;\n padding: 70px 20px;\n position: relative;\n bottom: 0px;\n }\n .project-content-block h4 {\n font-size: 14px;\n }\n .testimonial-heading {\n margin-bottom: 50px;\n }\n .blog-box {\n margin-bottom: 50px;\n }\n .footer-copy {\n text-align: center;\n }\n .footer-copy:before {\n display: none;\n }\n .project-content {\n text-align: center;\n padding: 50px 0px;\n position: relative;\n }\n .about-block {\n margin-top: 30px;\n }\n .banner-content p {\n padding-right: 0px;\n }\n .pricing-box {\n margin-top: 30px;\n }\n .main-navigation.menu-2 {\n margin-top: 20px;\n position: absolute;\n width: 100%;\n }\n .banner-content p {\n padding-right: 0px;\n }\n .pricing-box {\n margin-top: 30px;\n }\n .main-navigation.menu-2 {\n margin-top: 20px;\n position: absolute;\n width: 100%;\n }\n .banner-contact-form {\n padding: 45px 15px;\n }\n .web-service-block {\n margin-bottom: 30px;\n }\n .img-icon-block:before {\n right: auto;\n }\n #feature {\n padding-bottom: 0px;\n }\n .page-banner-area {\n padding: 160px 0px 110px;\n }\n #pricing-2 {\n padding-left: 20px;\n padding-right: 20px;\n }\n .info-block-2 {\n margin-right: 35px;\n margin-bottom: 40px;\n }\n #map {\n margin-top: 40px;\n }\n .contact-info-block {\n margin-bottom: 25px;\n }\n #work-wrap p.lead {\n margin-bottom: 40px;\n }\n .navbar-toggler:focus {\n outline: none;\n }\n}\n\n/* Custom, iPhone Retina */\n@media (max-width: 480px) {\n .bg-light {\n background: transparent !important;\n }\n .main-navigation {\n margin-top: 40px;\n }\n a.navbar-brand h4 {\n color: #fff;\n }\n .top-info-block {\n text-align: center;\n margin: 10px 0px;\n clear: both;\n }\n .icon-block {\n margin-right: 0px;\n margin-bottom: 10px;\n }\n .main-navigation {\n margin-top: 20px;\n }\n .main-nav .navbar-brand h4 {\n color: #fff;\n margin-top: 10px;\n }\n .section-title {\n font-size: 22px;\n }\n .banner-contact-form {\n padding: 45px 15px !important;\n }\n .feature-block {\n margin-bottom: 80px;\n }\n .service-img {\n margin-bottom: 0px;\n }\n .service-content {\n padding-bottom: 70px;\n }\n .process-block, .pricing-block {\n margin-bottom: 40px;\n }\n .pricing-block.zoom-in {\n -webkit-transform: none;\n -ms-transform: none;\n -o-transform: none;\n transform: none;\n }\n .section-heading {\n margin-bottom: 30px;\n }\n .project-content-block {\n text-align: center;\n margin-left: 0px;\n padding: 70px 20px;\n position: relative;\n bottom: 0px;\n margin-top: 30px;\n }\n .project-content-block h4 {\n font-size: 14px;\n }\n .testimonial-heading {\n margin-bottom: 50px;\n }\n .blog-box {\n margin-bottom: 50px;\n }\n .footer-copy {\n text-align: center;\n }\n .footer-copy:before {\n display: none;\n }\n .about-block {\n margin-top: 30px;\n }\n .banner-content .display-4 {\n font-size: 28px;\n line-height: 38px;\n }\n .banner-content p {\n padding-right: 0px;\n }\n .pricing-box {\n margin-top: 30px;\n }\n .main-navigation.menu-2 {\n margin-top: 20px;\n position: absolute;\n width: 100%;\n }\n .navbar-collapse.collapse.show {\n padding-bottom: 30px;\n background: #21c87a;\n }\n .web-service-block {\n margin-bottom: 30px;\n }\n .section {\n padding: 60px 0px;\n }\n .section-bottom {\n padding-bottom: 60px;\n }\n .section-top {\n padding-top: 60px;\n }\n .main-banner h1.display-4 {\n line-height: 42px;\n font-size: 30px;\n }\n #projects {\n margin-top: 60px;\n }\n .img-icon-block:before {\n right: auto;\n }\n #feature {\n padding-bottom: 0px;\n }\n .page-banner-area {\n padding: 160px 0px 110px;\n }\n .display-4 {\n font-size: 30px;\n }\n .info-block-2 {\n margin-right: 35px;\n margin-bottom: 40px;\n }\n #map {\n margin-top: 40px;\n }\n .contact-info-block {\n margin-bottom: 25px;\n }\n #work-wrap p.lead {\n margin-bottom: 40px;\n }\n .navbar-toggler:focus {\n outline: none;\n }\n}\n","\r\n\r\n/*----------------------\r\n HEADER STYLE\r\n-----------------------*/\r\n\r\n.header-socials {\r\n line-height: 22px;\r\n margin-bottom: 0px;\r\n li {\r\n padding: 8px;\r\n a{\r\n color: #21c87a;\r\n }\r\n }\r\n}\r\n\r\n\r\n/*-----------------\r\n LOGO BAR\r\n-------------------*/\r\n\r\n.logo-bar {\r\n padding: 30px 0px 60px;\r\n}\r\n\r\n.top-info-block {\r\n margin-right: 30px;\r\n\r\n h5, p {\r\n margin-bottom: 0px;\r\n }\r\n}\r\n\r\n\r\n.icon-block {\r\n margin-right: 20px;\r\n color:#21c87a;\r\n font-size: 40px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n}\r\n\r\n\r\n.top-info-block:last-child {\r\n margin-right: 0px;\r\n}\r\n\r\n.header-bar {\r\n overflow: visible;\r\n position: relative;\r\n padding-bottom: 30px;\r\n}\r\n\r\n\r\n.main-navigation {\r\n margin-top: -40px;\r\n}\r\n\r\n\r\n\r\n\r\n/*-----------------------\r\n HOME-3\r\n---------------------------*/\r\n\r\n.header-white{\r\n background: $primary-color;\r\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n box-shadow:0 7px 22px rgba(0, 0, 0, 0.08) ;\r\n border-radius: 0px;\r\n}\r\n\r\n.trans-navigation .navbar-brand h4,.site-navigation .navbar-brand h4,.site-navigation .navbar-brand h3,.trans-navigation .navbar-brand h3{\r\n color: $light;\r\n}\r\n\r\n.banner-content.style-2{\r\n padding-top: 200px;\r\n}\r\n\r\n.trans-navigation .navbar-brand {\r\n padding-top: 13px;\r\n}\r\n\r\n\r\n\r\n.site-navigation.header-white {\r\n border-bottom: 1px solid transparent;\r\n}\r\n\r\n.site-navigation .navbar-brand {\r\n padding-top: 13px;\r\n margin-right: 20px;\r\n}\r\n\r\n\r\n.banner-content2{\r\n padding: 200px 0px;\r\n\r\n .display-4{\r\n color: $light;\r\n font-weight: 600;\r\n }\r\n\r\n p.lead{\r\n color: $light;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* =========================\r\nPRELOADER\r\n=======================*/\r\n\r\n#page-loader {\r\n background: $light;\r\n height: 100%;\r\n width: 100%;\r\n position: fixed;\r\n z-index: 1050; }\r\n \r\n .loader-icon {\r\n background: none repeat scroll 0 0 $light;\r\n border-bottom: 3px solid rgba(19, 19, 19, 0.1) !important;\r\n border-left: 3px solid rgba(19, 19, 19, 0.1) !important;\r\n border-radius: 100px;\r\n -moz-border-radius: 100px;\r\n -webkit-border-radius: 100px;\r\n -o-border-radius: 100px;\r\n -ms-border-radius: 100px;\r\n border-right: 3px solid #1453F2 !important;\r\n border-top: 3px solid rgba(19, 19, 19, 0.1) !important;\r\n height: 50px;\r\n left: 50%;\r\n margin: -20px 0 0 -20px;\r\n position: absolute;\r\n text-align: center;\r\n top: 50%;\r\n width: 50px;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%); }\r\n \r\n .colored-border {\r\n border-color: $light; }\r\n \r\n .fa-spin {\r\n -webkit-animation: fa-spin 1s infinite linear;\r\n animation: fa-spin 1s infinite linear; }\r\n \r\n @-webkit-keyframes fa-spin {\r\n 0% {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg); }\r\n 100% {\r\n -webkit-transform: rotate(359deg);\r\n transform: rotate(359deg); } }\r\n \r\n @keyframes fa-spin {\r\n 0% {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg); }\r\n 100% {\r\n -webkit-transform: rotate(359deg);\r\n transform: rotate(359deg); } }\r\n \r\n","\r\n\r\n/*--------------------------\r\nPAGE BANNER\r\n--------------------------*/\r\n\r\n.page-banner-area{\r\n padding: 180px 0px;\r\n}\r\n.page-contact{\r\n position: relative;\r\n padding: 180px 0px;\r\n background: url(\"../images/banner/p-6.jpg\")fixed 50% 50% no-repeat;\r\n -webkit-background-size: cover;\r\n background-size:cover ;\r\n}\r\n.page-service{\r\n position: relative;\r\n padding: 180px 0px;\r\n background: url(\"../images/banner/service.jpg\")fixed 50% 50% no-repeat;\r\n -webkit-background-size: cover;\r\n background-size:cover ;\r\n}\r\n\r\n.page-about{\r\n position: relative;\r\n padding: 180px 0px;\r\n background: url(\"../images/banner/about.jpg\")fixed 50% 50% no-repeat;\r\n -webkit-background-size: cover;\r\n background-size:cover ;\r\n}\r\n\r\n.page-pricing{\r\n position: relative;\r\n padding: 180px 0px;\r\n background: url(\"../images/banner/img2.jpg\")fixed 50% 50% no-repeat;\r\n -webkit-background-size: cover;\r\n background-size:cover ;\r\n}\r\n\r\n.page-project{\r\n position: relative;\r\n padding: 180px 0px;\r\n background: url(\"../images/banner/p-4.jpg\")fixed 50% 50% no-repeat;\r\n -webkit-background-size: cover;\r\n background-size:cover ;\r\n}\r\n\r\n\r\n.page-banner-content h1{\r\n color: $light;\r\n}\r\n.page-banner-content p{\r\n color: $border-color;\r\n}\r\n\r\n.form-control{\r\n border-radius: 0px;\r\n height: 45px;\r\n}\r\n","\r\n/*-------------------\r\n MENU\r\n----------------------*/\r\n\r\n.navbar-toggler-icon {\r\n display: inline-block;\r\n width: 1.5em;\r\n height: 1.5em;\r\n content: \"\";\r\n vertical-align: middle;\r\n background: no-repeat 50%;\r\n background-size: 100% 100%\r\n}\r\n\r\n.main-nav {\r\n margin-bottom: -45px;\r\n z-index: 999;\r\n}\r\n\r\n.navbar-nav .nav-link {\r\n padding-right: 1rem !important;\r\n padding-left: 1rem !important;\r\n}\r\n\r\n.navbar-dark .navbar-nav .nav-link {\r\n color:$light;\r\n font-weight: 700;\r\n letter-spacing: .5px;\r\n text-transform: uppercase;\r\n}\r\n.rounded-radius{\r\n border-radius: 5px;\r\n}\r\n.navbar {\r\n position: relative;\r\n padding: 1rem 1rem;\r\n \r\n\r\n &:before {\r\n position: absolute;\r\n z-index: -1;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n content: \"\";\r\n transition: opacity .15s linear;\r\n opacity: 0;\r\n border-bottom: 1px solid rgba(0, 0, 0, .1);\r\n background-color:$light;\r\n\r\n }\r\n}\r\n\r\n.fixed-top {\r\n position: fixed;\r\n z-index: 1030;\r\n right: 0;\r\n left: 0;\r\n}\r\n\r\n\r\n.navbar-dark {\r\n color:$light;\r\n}\r\n\r\n\r\n.navbar-light {\r\n color: $black;\r\n &:before {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n\r\n.navbar .nav-item-divider {\r\n display: none;\r\n\r\n .nav-link {\r\n opacity: .25;\r\n\r\n .nav-link > span {\r\n // border-left: 1px solid ;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n.nav-item.dropdown {\r\n .dropdown-menu{\r\n -webkit-transition: all 300ms ease;\r\n -o-transition:all 300ms ease;\r\n transition: all 300ms ease;\r\n display: block;\r\n visibility: hidden;\r\n opacity: 0;\r\n top: 120%;\r\n -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);\r\n box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);\r\n border: 0px;\r\n padding: 0px;\r\n position: absolute;\r\n }\r\n &:hover .dropdown-menu{\r\n opacity: 1;\r\n visibility: visible;\r\n top: 100%;\r\n }\r\n}\r\n\r\n\r\n.header-bar.fixed-header .main-navigation {\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n background: rgba(20,27,40,.90);\r\n border-color: transparent;\r\n\r\n}\r\n\r\n\r\n/*-------------------\r\n DROPDOWN MENU\r\n----------------------*/\r\n\r\n\r\n.dropdown-menu {\r\n opacity: 0\r\n}\r\n\r\n.dropdown-menu.show {\r\n animation: .2s forwards b;\r\n}\r\n\r\n@keyframes b {\r\n to {\r\n opacity: 1\r\n }\r\n}\r\n\r\n.dropdown-item {\r\n font-size: .6875rem;\r\n font-weight: 500;\r\n padding-top: .5rem;\r\n padding-bottom: .5rem;\r\n transition: background-color .1s;\r\n text-transform: uppercase;\r\n\r\n &:hover {\r\n color:$light;\r\n text-decoration: none;\r\n background-color: $primary-color;\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","\r\n/*----------------------\r\n BANNER STYLE\r\n-----------------------*/\r\n\r\n.py-7 {\r\n padding: 7.5rem 0;\r\n}\r\n\r\n.py-8 {\r\n padding: 8.5rem 0;\r\n}\r\n\r\n\r\n.main-banner {\r\n h5{\r\n margin-bottom: 20px;\r\n }\r\n h1.display-4{\r\n line-height: 65px;\r\n }\r\n}\r\n\r\n\r\n.main-banner p.lead,\r\n.banner-content p.lead{\r\n margin-bottom: 2.5rem!important;\r\n}\r\n\r\n\r\n\r\n/*-------------------------\r\n HOME -2 \r\n-----------------------------*/\r\n#banner{\r\n position: relative;\r\n background: url(\"/images/bg/banner_bg.jpg\")no-repeat;\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n}\r\n\r\n\r\n.banner-content {\r\n padding: 150px 0px;\r\n padding-right: 30px;\r\n p{\r\n color: $border-color;\r\n padding-right: 80px;\r\n margin-bottom: 30px !important;\r\n }\r\n .display-4{\r\n color: $light;\r\n font-weight: 600;\r\n }\r\n}\r\n\r\n\r\n#banner .overlay{\r\n opacity: .7;\r\n}\r\n\r\n.banner-contact-form{\r\n padding:45px 40px;\r\n margin-top: 30px;\r\n\r\n .form-control{\r\n border-radius: 0px;\r\n height: 45px;\r\n }\r\n\r\n textarea.form-control{\r\n height: auto;\r\n }\r\n}\r\n","\r\n#banner-3{\r\n position: relative;\r\n background: url(\"../images/banner/banner.jpg\")no-repeat;\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n}\r\n\r\n#banner-4{\r\n position: relative;\r\n background: url(\"../images/banner/banner-2.jpg\")no-repeat;\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n}\r\n\r\n","\r\n/*----------------------\r\n FEATURE STYLE\r\n-----------------------*/\r\n.img-icon-block {\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n content: \"\";\r\n top: -27px;\r\n background-color: $primary-color;\r\n opacity: .3;\r\n width: 80px;\r\n right: 70px;\r\n height: 80px;\r\n border-radius: 50%;\r\n z-index: 1;\r\n }\r\n\r\n i{\r\n font-size: 58px;\r\n z-index: 2!important;\r\n color: #333;\r\n position: relative;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*--------------------------\r\nABOUT-2\r\n---------------------------*/\r\n#about .img-block{\r\n position: relative;\r\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n\r\n img{\r\n border: 5px solid $primary-color;\r\n }\r\n}\r\n.pt-6{\r\n padding-top: 4.5rem;\r\n}\r\n.img-icon i{\r\n font-size: 60px;\r\n}\r\n","\r\n/*----------------------\r\n SERVICE\r\n-----------------------*/\r\nh5.subtitle {\r\n color: $primary-color;\r\n\tmargin-bottom: 10px;\r\n\tfont-weight: 300;\r\n}\r\n\r\n.service-heading{\r\n margin-bottom: 50px;\r\n}\r\n\r\n.service-images {\r\n margin-bottom: -200px;\r\n border: 10px solid $light;\r\n z-index: 9999;\r\n}\r\n\r\n.service-content {\r\n padding-top: 60px;\r\n padding-left: 15px;\r\n\r\n h1{\r\n margin-bottom: 20px;\r\n margin-top: 15px;\r\n }\r\n}\r\n\r\n.service-icon {\r\n margin-right: 20px;\r\n color: $light;\r\n font-size: 25px;\r\n width: 50px;\r\n height: 50px;\r\n background: $primary-color;\r\n text-align: center;\r\n border-radius: 50%;\r\n padding-top: 5px;\r\n}\r\n\r\n.service-block {\r\n margin-bottom: 50px;\r\n}\r\n\r\n\r\n.service-inner-content h4{\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\r\n\r\n/*----------------------\r\n WEB SERVICES\r\n-----------------------*/\r\n\r\n#services-2 {\r\n position: relative;\r\n background: url(\"../images/bg/6.jpg\")no-repeat fixed 50% 50%;\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n\r\n &:before{\r\n position: absolute;\r\n content:\"\";\r\n left: 0px;\r\n top: 0px;\r\n width: 100%;\r\n height: 100%;\r\n background-image: linear-gradient(30deg, rgba(121, 110, 255, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);\r\n }\r\n}\r\n\r\n\r\n.web-service-block {\r\n text-align: center;\r\n padding: 35px 25px;\r\n -webkit-transition: all .5s ease-in-out;\r\n -o-transition: all .5s ease-in-out;\r\n transition: all .5s ease-in-out;\r\n border-radius: 10px;\r\n border: 1px solid rgba(255,255,255,0.05);\r\n margin-bottom: 10px;\r\n\r\n i {\r\n font-size: 70px;\r\n margin-bottom: 30px;\r\n display: block;\r\n color: $light;\r\n }\r\n\r\n h3 {\r\n color: $light;\r\n }\r\n\r\n p {\r\n color: $border-color;\r\n margin-top: 15px;\r\n }\r\n\r\n &:hover {\r\n background: $light;\r\n border-color: transparent;\r\n i {\r\n color: $primary-color;\r\n }\r\n h3 {\r\n color: #111;\r\n }\r\n p {\r\n color: #111;\r\n }\r\n\r\n }\r\n}\r\n.service-img {\r\n margin-bottom: -200px;\r\n border: 10px solid $light;\r\n z-index: 9999;\r\n\r\n}","\r\n/*----------------------\r\n PRoject\r\n-----------------------*/\r\n#projects-wrap {\r\n position: relative;\r\n background: url(\"../images/bg/banner_bg.jpg\")no-repeat;\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n\r\n p.lead{\r\n color: #a9a9a9!important;\r\n }\r\n}\r\n\r\n.overlay {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, .92);\r\n}\r\n\r\n.overlay.feature-overlay {\r\n background-image: linear-gradient(30deg, rgba(121, 110, 255, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);\r\n opacity: .9;\r\n}\r\n\r\n#projects {\r\n margin-top: -60px;\r\n}\r\n\r\n.single-project img {\r\n border-radius: 10px;\r\n}\r\n\r\n.project-content {\r\n text-align: center;\r\n padding: 40px 20px;\r\n position: relative;\r\n .btn {\r\n padding: .7rem 1.7rem;\r\n border-radius: 25px;\r\n }\r\n p {\r\n margin-top: 20px;\r\n }\r\n h4 {\r\n text-transform: capitalize;\r\n }\r\n}\r\n\r\n.project-content-block {\r\n padding: 70px 40px;\r\n margin-left: -120px;\r\n background: #F4F7FC;\r\n position: absolute;\r\n bottom: -70px;\r\n border: 15px solid $light;\r\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n h4 {\r\n color: $primary-color;\r\n }\r\n p {\r\n margin-top: 25px;\r\n }\r\n\r\n}\r\n\r\n\r\n/*-------------------------\r\n PORTFOLIO-2\r\n---------------------------*/\r\n\r\n.single-work {\r\n -webkit-transition: all 300ms ease-in-out;\r\n -o-transition: all 300ms ease-in-out;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n\r\n\r\n\r\n.overlay-content-block{\r\n position: absolute;\r\n content: \"\";\r\n bottom: 20px;\r\n width: 100%;\r\n left: 30px;\r\n padding: 30px 20px;\r\n background: $light;\r\n opacity: 0;\r\n visibility: hidden;\r\n -webkit-transition: all 300ms ease-in-out;\r\n -o-transition: all 300ms ease-in-out;\r\n transition: all 300ms ease-in-out;\r\n border-radius: 5px 0px 0px 5px;\r\n\r\n a{\r\n width: 50px;\r\n height: 50px;\r\n display: inline-block;\r\n text-align: center;\r\n padding-top: 12px;\r\n border-radius: 100%;\r\n position: absolute;\r\n left: 30px;\r\n top: -23px;\r\n background: $primary-color;\r\n color: $light;\r\n }\r\n\r\n h4{\r\n margin-bottom: 0px;\r\n margin-top: 10px;\r\n }\r\n}\r\n\r\n.work-block{\r\n position: relative;\r\n border: 5px solid $light;\r\n\r\n img{\r\n width: 100%;\r\n border-radius: 5px;\r\n }\r\n \r\n &:hover .overlay-content-block{\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n/* ==============================\r\n SINGEL PROJECTS\r\n=============================*/\r\n\r\n.project-details-info{\r\n margin: 40px 0px;\r\n}\r\n\r\n.info-block-2{\r\n float: left;\r\n margin-right: 65px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.project-info ul {\r\n margin-top: 40px;\r\n li{\r\n margin-bottom: 30px;\r\n padding-right: 20px;\r\n }\r\n}\r\n\r\n.project-lg-images img {\r\n width: 100%;\r\n}\r\n","\r\n\r\n/*----------------------\r\n PROCESS\r\n-----------------------*/\r\n.process-block {\r\n text-align: center;\r\n img {\r\n\t border-radius: 5px;\r\n\t margin-bottom: 30px;\r\n\t}\r\n\th3 {\r\n\t margin-bottom:15px;\r\n\t}\r\n\r\n}\r\n","\r\n\r\n/*----------------------\r\n PRICING\r\n-----------------------*/\r\n\r\n.price-block {\r\n margin: 20px 0px 30px;\r\n h2 {\r\n font-size: 80px;\r\n font-weight: 700;\r\n position: relative;\r\n display: inline-block;\r\n\r\n small {\r\n position: absolute;\r\n top: 20px;\r\n font-size: 16px;\r\n left: -9px;\r\n }\r\n }\r\n\r\n h6 {\r\n font-size: 14px;\r\n border-top: 1px solid $border-color;\r\n border-bottom: 1px solid $border-color;\r\n padding: 7px;\r\n text-transform: capitalize;\r\n width: 50%;\r\n margin: 10px auto;\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n.price-features {\r\n margin: 30px 0px 50px;\r\n li {\r\n font-size: 16px;\r\n padding: 5px 0px;\r\n position: relative;\r\n padding-left: 30px;\r\n\r\n &:before{\r\n position: absolute;\r\n content:\"\\f00c\";\r\n font-family: \"Font Awesome 5 Free\";\r\n left: 0px;\r\n top: 5px;\r\n color: $primary-color;\r\n font-weight: 900;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n.pricing-block .price-features li{\r\n padding-left: 0px;\r\n &:before{\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n\r\n/*--------------------------\r\nPRICING-2\r\n---------------------------*/\r\n.pricing-box{\r\n border: 1px solid $border-color;\r\n padding: 60px;\r\n -webkit-transition: all 300ms ease-in-out;\r\n -o-transition:all 300ms ease-in-out ;\r\n transition:all 300ms ease-in-out ;\r\n\r\n .price-block h2 span{\r\n font-size: 12px;\r\n font-weight: normal;\r\n text-transform: capitalize;\r\n }\r\n &:hover{\r\n background: rgb(29, 28, 28);\r\n border-color: rgb(29, 28, 28);\r\n }\r\n\r\n &:hover .price-features li{\r\n color: $border-color;\r\n }\r\n &:hover .price-block h2{\r\n color: $light;\r\n }\r\n &:hover h3{\r\n color: $light;\r\n }\r\n &:hover .btn{\r\n background: $light!important;\r\n color: #000!important;\r\n }\r\n\r\n}\r\n\r\n","\r\n\r\n/*----------------------\r\n BLOG SECTION\r\n-----------------------*/\r\n.blog-box {\r\n position: relative;\r\n\r\n .blog-img-box img {\r\n border-radius: 5px;\r\n box-shadow: 0 7px 12px rgba(0, 0, 0, 0.08);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n.single-blog {\r\n padding-top: 25px;\r\n position: relative;\r\n}\r\n\r\n.bg-light .single-blog{\r\n padding: 40px;\r\n text-align: center;\r\n border-bottom: 1px solid $border-color;\r\n}\r\n\r\n\r\n.blog-content {\r\n ul {\r\n margin-bottom: 10px;\r\n }\r\n a h3 {\r\n transition: all .3s ease 0s;\r\n margin: 15px 0px;\r\n }\r\n p{\r\n margin: 20px 0px;\r\n }\r\n\r\n &:hover a h3 {\r\n color: $primary-color;\r\n }\r\n\r\n h6 span{\r\n display: inline-block;\r\n padding-left: 10px;\r\n\r\n &:after{\r\n display: none;\r\n }\r\n }\r\n\r\n}\r\n\r\n","/*------------------------------------\r\nSECTION TESTIMONIAL\r\n-------------------------------------*/\r\n#section-testimonial{\r\n padding-bottom: 120px;\r\n background: #F9FAFF;\r\n}\r\n.mb25{\r\n margin-bottom: 25px;\r\n}\r\n.test-inner{\r\n position: relative;\r\n padding: 30px;\r\n background: $light;\r\n border-top-right-radius: 35px;\r\n margin-bottom: 25px;\r\n -webkit-transition: all .7s ease;\r\n -o-transition:all .7s ease ;\r\n transition:all .7s ease ;\r\n\r\n &:hover{\r\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n box-shadow:0 7px 22px rgba(0, 0, 0, 0.08) ;\r\n }\r\n\r\n i{\r\n font-size: 60px;\r\n opacity: .09;\r\n position: absolute;\r\n right: 40px;\r\n bottom: 20px;\r\n }\r\n}\r\n\r\n\r\n.test-author-thumb{\r\n margin-bottom: 15px;\r\n img{\r\n width: 90px;\r\n height: 90px;\r\n border-radius: 100%;\r\n border: 1px dotted #ddd;\r\n padding: 5px;\r\n }\r\n}\r\n\r\n.test-author-info{\r\n margin-left: 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n/*----------------------\r\n TETSIMONIAL-2\r\n-------------------------*/\r\n\r\n.testimonial .content img{\r\n margin: 0 auto 30px;\r\n border: 3px solid $light;\r\n}\r\n\r\n.img-md{\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 100%;\r\n}","\r\n/*---------------------------\r\nCONTACT PAGE\r\n-----------------------------*/\r\n\r\n#contact-info{\r\n padding-top: 90px;\r\n}\r\n.contact-info-block{\r\n border: 1px solid $border-color;\r\n padding: 40px 20px;\r\n border-radius: 5px;\r\n\r\n h4{\r\n margin-bottom: 0px;\r\n }\r\n i{\r\n font-size: 40px;\r\n margin-bottom: 20px;\r\n display: block;\r\n color: $primary-color;\r\n }\r\n}\r\n\r\n\r\n.form-control:focus,.form-control:hover{\r\n border-color: $primary-color;\r\n box-shadow: none;\r\n}\r\n\r\n\r\n/* --------------\r\n MAP\r\n-----------------*/\r\n\r\n#map{\r\n height: 400px;\r\n width: 100%;\r\n}","\r\n/*----------------------\r\n FOOTER\r\n-----------------------*/\r\n#footer {\r\n padding: 80px 0px;\r\n position: relative;\r\n\r\n .footer-brand {\r\n font-size: 30px;\r\n }\r\n .footer-links {\r\n padding-left: 0;\r\n list-style-type: none\r\n }\r\n\r\n}\r\n\r\n#footer {\r\n background: url(\"../images/bg/10.jpg\");\r\n -webkit-background-size: cover;\r\n background-size: cover;\r\n}\r\n\r\n.footer-overlay {\r\n background: #111;\r\n opacity: .94;\r\n}\r\n\r\n\r\n\r\n\r\n.footer-widget {\r\n p {\r\n color: $black-lighter;\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n line-height: 32px;\r\n font-size: 14px;\r\n }\r\n h3 {\r\n color: $light;\r\n margin-bottom: 30px;\r\n }\r\n}\r\n\r\n\r\n\r\n.footer-links {\r\n a {\r\n color: $black-lighter;\r\n line-height: 38px;\r\n font-size: 14px;\r\n text-transform: capitalize;\r\n }\r\n i{\r\n width: 25px;\r\n }\r\n}\r\n\r\n\r\n.footer-copy {\r\n color:$black-lighter;\r\n font-size: 16px;\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n content: \"\";\r\n left: 0px;\r\n top: 12px;\r\n width: 66%;\r\n height: 1px;\r\n background: #94959a;\r\n }\r\n}\r\n\r\n.current-year {\r\n color: $primary-color !important;\r\n}\r\n\r\n\r\n\r\n\r\n/*-----------------------------\r\n SCROLL TO TOP\r\n--------------------------------*/\r\n\r\n.scroll-to-top{\r\n position: fixed;\r\n content: \"\";\r\n right: 30px;\r\n bottom: 50px;\r\n z-index: 999;\r\n background: $primary-color;\r\n color: $light!important;\r\n border-radius: 100%;\r\n opacity: 0;\r\n \r\n i{\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 100%;\r\n text-align: center;\r\n font-size: 22px;\r\n line-height: 60px;\r\n display: block;\r\n -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);\r\n box-shadow:0 7px 22px rgba(0, 0, 0, 0.08) ;\r\n }\r\n \r\n}\r\n\r\n\r\n.scroll-to-top:hover, .scroll-to-top:focus{\r\n text-decoration: none;\r\n}\r\n\r\n.reveal{\r\n transition: all .3s;\r\n cursor: pointer;\r\n opacity: 1;\r\n}\r\n","\r\n/*----------------------------------\r\n MEDIUM LAYOUT: 1280px\r\n-----------------------------------*/\r\n\r\n\r\n@include large-desktop{\r\n .dropdown-item {\r\n padding-top: .75rem;\r\n padding-bottom: .75rem\r\n }\r\n .dropdown-item + .dropdown-item {\r\n border-top: 1px solid rgba(0, 0, 0, .1)\r\n }\r\n .navbar .dropdown-menu {\r\n transform: translateY(.5rem);\r\n opacity: 0\r\n }\r\n\r\n .navbar .dropdown-menu.show {\r\n animation: .2s forwards d;\r\n }\r\n\r\n @keyframes d {\r\n to {\r\n transform: translateY(0);\r\n opacity: 1\r\n }\r\n }\r\n .navbar .dropdown-menu {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n border: 0\r\n }\r\n .navbar .nav-item-divider {\r\n display: block\r\n }\r\n}\r\n\r\n\r\n/*----------------------------------\r\n TABLET LAYOUT: 768px\r\n------------------------------------*/\r\n\r\n\r\n@include desktop{\r\n .section-title {\r\n font-size: 30px; }\r\n .background-text {\r\n font-size: 60px; }\r\n .main-banner h1.display-4 {\r\n line-height: 62px;\r\n font-size: 30px;\r\n }\r\n .main-nav .navbar-brand h4{\r\n color: $light;\r\n }\r\n \r\n .top-info-block{\r\n text-align: center;\r\n margin: 10px 0px;\r\n clear: both;\r\n }\r\n \r\n .icon-block{\r\n margin-right: 0px;\r\n margin-bottom: 10px;\r\n }\r\n .main-navigation{\r\n margin-top: 20px;\r\n }\r\n \r\n .main-nav .navbar-brand h4{\r\n color: $light;\r\n }\r\n \r\n .section-title {\r\n font-size: 22px;\r\n }\r\n \r\n .feature-block{\r\n margin-bottom: 80px;\r\n }\r\n \r\n .service-img{\r\n margin-bottom: 0px;\r\n }\r\n \r\n .service-content {\r\n padding-bottom: 70px;\r\n }\r\n \r\n .process-block, .pricing-block{\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-heading{\r\n margin-bottom: 30px;\r\n }\r\n .project-content-block {\r\n text-align: center;\r\n margin-left: 0px;\r\n padding: 70px 20px;\r\n position: relative;\r\n bottom: 0px;\r\n margin-top: 40px;\r\n }\r\n .project-content-block h4 {\r\n font-size: 14px;\r\n }\r\n \r\n .blog-box {\r\n margin-bottom: 50px;\r\n }\r\n .footer-copy{\r\n text-align: center;\r\n }\r\n .footer-copy:before{\r\n display: none;\r\n }\r\n \r\n .banner-content p{\r\n padding-right: 0px;\r\n }\r\n \r\n .pricing-box{\r\n margin-top: 30px;\r\n }\r\n \r\n .main-navigation.menu-2 {\r\n margin-top: 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n \r\n .top-info-block{\r\n margin: 0px 20px;\r\n text-align: left;\r\n }\r\n \r\n .top-info-block .icon-block {\r\n margin-right: 10px;\r\n }\r\n .img-icon-block:before {\r\n right: auto;\r\n }\r\n #map{\r\n margin-top: 40px;\r\n }\r\n\r\n .contact-info-block{\r\n margin-bottom: 25px;\r\n }\r\n #work-wrap p.lead{\r\n margin-bottom: 40px;\r\n }\r\n}\r\n\r\n\r\n\r\n/*----------------------------------\r\n WIDE MOBILE LAYOUT: 7680px\r\n-----------------------------------*/\r\n\r\n@include tablet{\r\n \r\n .display-4 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .top-info-block{\r\n margin: 10px 15px;\r\n clear: both;\r\n }\r\n \r\n .icon-block{\r\n margin-right: 0px;\r\n margin-bottom: 10px;\r\n }\r\n .main-navigation{\r\n margin-top: 20px;\r\n }\r\n \r\n .main-nav .navbar-brand h4{\r\n color: $light;\r\n }\r\n \r\n .section-title {\r\n font-size: 22px;\r\n }\r\n \r\n .feature-block{\r\n margin-bottom: 80px;\r\n }\r\n \r\n .service-img{\r\n margin-bottom: 0px;\r\n }\r\n \r\n .service-content {\r\n padding-bottom: 70px;\r\n }\r\n \r\n .process-block, .pricing-block{\r\n margin-bottom: 40px;\r\n }\r\n \r\n .pricing-block.zoom-in{\r\n -webkit-transform: none;\r\n -ms-transform:none ;\r\n -o-transform: none;\r\n transform:none ;\r\n }\r\n .section-heading{\r\n margin-bottom: 30px;\r\n }\r\n .project-content-block {\r\n text-align: center;\r\n margin-left: 0px;\r\n padding: 70px 20px;\r\n position: relative;\r\n bottom: 0px;\r\n margin-top: 40px;\r\n }\r\n .project-content-block h4 {\r\n font-size: 14px;\r\n }\r\n \r\n .testimonial-heading{\r\n margin-bottom: 50px;\r\n }\r\n .blog-box {\r\n margin-bottom: 50px;\r\n }\r\n .footer-copy{\r\n text-align: center;\r\n }\r\n .footer-copy:before{\r\n display: none;\r\n }\r\n \r\n .banner-content p{\r\n padding-right: 0px;\r\n }\r\n \r\n .pricing-box{\r\n margin-top: 30px;\r\n }\r\n \r\n \r\n .main-navigation.menu-2 {\r\n margin-top: 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n\r\n .img-icon-block:before {\r\n right: auto;\r\n }\r\n .page-banner-area{\r\n padding: 160px 0px 110px;\r\n }\r\n\r\n .info-block-2 {\r\n margin-right: 35px;\r\n margin-bottom: 40px;\r\n }\r\n .navbar-collapse.collapse.show{\r\n padding-bottom: 30px;\r\n background: #21c87a;\r\n }\r\n\r\n #map{\r\n margin-top: 40px;\r\n }\r\n\r\n .contact-info-block{\r\n margin-bottom: 25px;\r\n }\r\n #work-wrap p.lead{\r\n margin-bottom: 40px;\r\n }\r\n \r\n}\r\n\r\n/* Extra Small Devices, Phones */\r\n\r\n// @media (min-width: 478px) and (max-width: 640px) {\r\n@include tablet-xs{\r\n .main-navigation {\r\n margin-top: 40px; \r\n }\r\n a.navbar-brand h4 {\r\n color:$light;\r\n }\r\n \r\n .section-title {\r\n top: 0; }\r\n .background-text {\r\n display: none; } \r\n\r\n .display-4 {\r\n font-size: 2.5rem;\r\n }\r\n .navbar-collapse.collapse.show{\r\n padding-bottom: 30px;\r\n background: #21c87a;\r\n }\r\n .top-info-block{\r\n text-align: center;\r\n margin: 10px 0px;\r\n clear: both;\r\n }\r\n \r\n .icon-block{\r\n margin-right: 0px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .main-navigation{\r\n margin-top: 20px;\r\n }\r\n \r\n .main-nav .navbar-brand h4{\r\n color: $light;\r\n }\r\n \r\n .section-title {\r\n font-size: 22px;\r\n }\r\n \r\n .feature-block{\r\n margin-bottom: 80px;\r\n }\r\n \r\n .service-img{\r\n margin-bottom: 0px;\r\n }\r\n \r\n .service-content {\r\n padding-bottom: 70px;\r\n }\r\n \r\n .process-block, .pricing-block{\r\n margin-bottom: 40px;\r\n }\r\n \r\n .pricing-block.zoom-in{\r\n -webkit-transform: none;\r\n -ms-transform:none ;\r\n -o-transform: none;\r\n transform:none ;\r\n }\r\n .section-heading{\r\n margin-bottom: 30px;\r\n }\r\n .project-content-block {\r\n text-align: center;\r\n margin-left: 0px;\r\n padding: 70px 20px;\r\n position: relative;\r\n bottom: 0px;\r\n }\r\n .project-content-block h4 {\r\n font-size: 14px;\r\n }\r\n \r\n .testimonial-heading{\r\n margin-bottom: 50px;\r\n }\r\n .blog-box {\r\n margin-bottom: 50px;\r\n }\r\n .footer-copy{\r\n text-align: center;\r\n }\r\n .footer-copy:before{\r\n display: none;\r\n }\r\n .project-content {\r\n text-align: center;\r\n padding: 50px 0px;\r\n position: relative;\r\n }\r\n \r\n .about-block{\r\n margin-top: 30px;\r\n }\r\n \r\n .banner-content p{\r\n padding-right: 0px;\r\n }\r\n .pricing-box{\r\n margin-top: 30px;\r\n }\r\n \r\n .main-navigation.menu-2 {\r\n margin-top: 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n \r\n \r\n .banner-content p{\r\n padding-right: 0px;\r\n }\r\n \r\n .pricing-box{\r\n margin-top: 30px;\r\n }\r\n \r\n \r\n .main-navigation.menu-2 {\r\n margin-top: 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n \r\n .banner-contact-form{\r\n padding: 45px 15px;\r\n }\r\n \r\n .web-service-block{\r\n margin-bottom: 30px;\r\n }\r\n \r\n\r\n .img-icon-block:before {\r\n right: auto;\r\n }\r\n #feature{\r\n padding-bottom: 0px;\r\n }\r\n .page-banner-area{\r\n padding: 160px 0px 110px;\r\n }\r\n #pricing-2{\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n .info-block-2 {\r\n margin-right: 35px;\r\n margin-bottom: 40px;\r\n }\r\n #map{\r\n margin-top: 40px;\r\n }\r\n\r\n .contact-info-block{\r\n margin-bottom: 25px;\r\n }\r\n #work-wrap p.lead{\r\n margin-bottom: 40px;\r\n }\r\n .navbar-toggler:focus {\r\n outline: none;\r\n }\r\n}\r\n \r\n\r\n/* Custom, iPhone Retina */ \r\n// @media (min-width : 320px) and (max-width: 478px) {\r\n@include mobile{\r\n .bg-light{\r\n background: transparent!important;\r\n }\r\n .main-navigation {\r\n margin-top: 40px; \r\n }\r\n a.navbar-brand h4 {\r\n color:$light;\r\n }\r\n \r\n .top-info-block{\r\n text-align: center;\r\n margin: 10px 0px;\r\n clear: both;\r\n }\r\n \r\n .icon-block{\r\n margin-right: 0px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .main-navigation{\r\n margin-top: 20px;\r\n }\r\n \r\n .main-nav .navbar-brand h4{\r\n color: $light;\r\n margin-top: 10px;\r\n }\r\n \r\n .section-title {\r\n font-size: 22px;\r\n }\r\n .banner-contact-form{\r\n padding: 45px 15px!important;\r\n }\r\n .feature-block{\r\n margin-bottom: 80px;\r\n }\r\n \r\n .service-img{\r\n margin-bottom: 0px;\r\n }\r\n \r\n .service-content {\r\n padding-bottom: 70px;\r\n }\r\n \r\n .process-block, .pricing-block{\r\n margin-bottom: 40px;\r\n }\r\n \r\n .pricing-block.zoom-in{\r\n -webkit-transform: none;\r\n -ms-transform:none ;\r\n -o-transform: none;\r\n transform:none ;\r\n }\r\n .section-heading{\r\n margin-bottom: 30px;\r\n }\r\n .project-content-block {\r\n text-align: center;\r\n margin-left: 0px;\r\n padding: 70px 20px;\r\n position: relative;\r\n bottom: 0px;\r\n margin-top: 30px;\r\n }\r\n \r\n .project-content-block h4 {\r\n font-size: 14px;\r\n }\r\n \r\n .testimonial-heading{\r\n margin-bottom: 50px;\r\n }\r\n .blog-box {\r\n margin-bottom: 50px;\r\n }\r\n .footer-copy{\r\n text-align: center;\r\n }\r\n .footer-copy:before{\r\n display: none;\r\n }\r\n \r\n \r\n .about-block{\r\n margin-top: 30px;\r\n }\r\n\r\n\r\n .banner-content .display-4{\r\n font-size: 28px;\r\n line-height: 38px;\r\n }\r\n .banner-content p{\r\n padding-right: 0px;\r\n }\r\n \r\n .pricing-box{\r\n margin-top: 30px;\r\n }\r\n \r\n \r\n .main-navigation.menu-2 {\r\n margin-top: 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n \r\n .navbar-collapse.collapse.show{\r\n padding-bottom: 30px;\r\n background: #21c87a;\r\n }\r\n \r\n .web-service-block{\r\n margin-bottom: 30px;\r\n }\r\n \r\n \r\n .section{\r\n padding: 60px 0px;\r\n }\r\n \r\n .section-bottom{\r\n padding-bottom: 60px; \r\n }\r\n .section-top{\r\n padding-top: 60px; \r\n }\r\n \r\n \r\n \r\n .main-banner h1.display-4 {\r\n line-height: 42px;\r\n font-size: 30px;\r\n }\r\n \r\n #projects {\r\n margin-top: 60px;\r\n }\r\n \r\n .img-icon-block:before {\r\n right: auto;\r\n }\r\n\r\n #feature{\r\n padding-bottom: 0px;\r\n }\r\n\r\n .page-banner-area{\r\n padding: 160px 0px 110px;\r\n }\r\n\r\n .display-4{\r\n font-size: 30px;\r\n }\r\n\r\n .info-block-2 {\r\n margin-right: 35px;\r\n margin-bottom: 40px;\r\n }\r\n #map{\r\n margin-top: 40px;\r\n }\r\n\r\n .contact-info-block{\r\n margin-bottom: 25px;\r\n }\r\n #work-wrap p.lead{\r\n margin-bottom: 40px;\r\n }\r\n\r\n .navbar-toggler:focus {\r\n outline: none;\r\n }\r\n}"]}