{"version":3,"sources":["home.scss","home.css"],"names":[],"mappings":"AAAA;EACE,cAAa;EACb,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,iBAAiB;EACjB,qDAAqB;EACrB,uBAAuB;EACvB,6BAA4B;CAgB7B;;AA9BD;EAgBI,mBAAmB;EACnB,gBAAgB;CACjB;;AAlBH;EAoBI,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;EACpB,qCAAsC;CACvC;;AAxBH;EA0BI,gBAAgB;EAChB,kBAAkB;EAClB,eAAc;CACf;;AASH;EACE,iBAAgB;CAEjB;;AAED;EACE,oBAAmB;EACnB,mBAAmB;EACnB,mBAAkB;CAwCnB;;AA3CD;EAMM,aAAa;CACd;;AAPL;EAUI,mBAAmB;EACnB,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,0BAA0B;EAC1B,iBAAiB;EACjB,oBAAoB;CACrB;;AAxBH;EA0BI,iDAAiC;EACjC,eAAc;CAOf;;AAlCH;EA6BM,mBAAkB;EAGlB,oBAAoB;CACrB;;AAjCL;EAoCI,iBAAiB;EACjB,mBAAmB;EACnB,gBAAgB;EAChB,iBAAiB;EACjB,eAAc;EACd,0BAAyB;CAC1B;;AAGH;EACE,sBAAsB;EACtB,mBAAmB;CACpB;;AAKD;EACE,oBAAoB;EACpB,YAAY;EACZ,gBAAe;CAChB;;AACD;EACE,kBAAkB;CACnB;;AACD;EACE,iBAAiB;EACjB,mBAAkB;EAClB,oBAAoB;EACpB,iBAAiB;EACjB,iBAAkB;EAClB,gBAAgB;EAChB,sBAAuB;EACvB,0BAA0B;EAC1B,YAAW;CACZ;;AAQD;EACE,aAAa;CACd;;AACD;EACE,mBAAmB;EAChB,aAAa;EACd,UAAU;EACV,oCAA6B;EAC7B,cAAc;EACd,aAAa;CAEhB;;AACD;EACE,eAAe;EACf,YAAY;EACZ,aAAa;EAEX,iCAAyB;EACtB,yBAAiB;EACjB,yBAAiB;EACtB,6BAA6B;EAC7B,8BAA8B;EAC9B,oBAAoB;CACrB;;AACD;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;EACpB,wBAAwB;EAExB,gBAAgB;EAChB,0BAA0B;EAC1B,WAAW;CACZ;;AAED;EACE,YAAY;EACZ,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB;CACpB;;AACD;EACC,qDAAqD;EACpD,iDAAiD;CAClD;;AAED;EACE;IACE,WAAW;IACX,iCAA6B;IAE7B,yBAAqB;GCJtB;EDMD;IACG,WAAW;IACZ,mCAA6B;IAE7B,2BAAqB;GCJtB;CACF;;ADMD;EACE;IACE,WAAW;GCHZ;EDKD;IACE,YAAY;GCHb;EDKD;IACE,WAAW;GCHZ;CACF;;ADKD;EACE;IACE,WAAW;GCFZ;EDID;IACE,aAAa;GCFd;EDID;IACE,WAAW;GCFZ;CACF;;ADMD;EACE,oBAAoB;EACpB,gBAAe;EACf,YAAY;CACb;;AAED;EACE,YAAY;EACZ,iBAAiB;CAClB;;AACD;EACE,YAAY;EACZ,kBAAmB;CACpB;;AACD;EACE,YAAW;CACZ;;AAGD;EACE,mBAAkB;CAUnB;;AAXD;EAGI,YAAY;EACZ,gCAAgB;EAChB,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;CACX","file":"../home.css","sourcesContent":[".hero-area {\r\n  height:650px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  color: #fff;\r\n  position: relative;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-image: url('../images/home/slider-5.jpg');\r\n  background-size: cover;\r\n  background-attachment:fixed;\r\n  .block {\r\n    position: relative;\r\n    z-index: 999999;\r\n  }\r\n  h1 {\r\n    font-size: 100px;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    font-family: 'Open Sans', sans-serif ;\r\n  }\r\n  p {\r\n    font-size: 20px;\r\n    line-height: 32px;\r\n    color:#f9f9f9;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.template-list {\r\n  padding:100px 0;\r\n\r\n}\r\n\r\n.template-item {\r\n  margin-bottom:50px;\r\n  border-radius: 2px;\r\n  position:relative;\r\n  &:hover {\r\n    img {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n  .ticker {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    color: #fff;\r\n    z-index: 1;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    background: #4be6e6;\r\n  }\r\n  a {\r\n    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.25);\r\n    display:block;\r\n    img {\r\n      border-radius:5px;\r\n      -webkit-transition: .3s all;\r\n      -o-transition: .3s all;\r\n      transition: .3s all;\r\n    }\r\n  }\r\n  h4 {\r\n    margin-top: 20px;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color:#252525;\r\n    text-transform:uppercase;\r\n  }\r\n}\r\n\r\n.template-item a {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n\r\n\r\n\r\n.call-to-action {\r\n  background: #3483de;\r\n  color: #fff;\r\n  padding:80px 0;\r\n}\r\n.call-to-action h2 {\r\n  line-height: 45px;\r\n}\r\n.call-to-action .btn-buy-button {\r\n  background: #fff;\r\n  padding:18px 45px;\r\n  border-radius: 30px;\r\n  margin-top: 20px;\r\n  font-weight:  600;\r\n  font-size: 12px;\r\n  display:  inline-block;\r\n  text-transform: uppercase;\r\n  color:#666;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n#mouse-scroll {\r\n  style: block;\r\n}\r\n#mouse-scroll {\r\n  position: absolute;\r\n     margin: auto;\r\n    left: 50%;\r\n    -webkit-transform: translateX(-50%);\r\n    z-index: 9999;\r\n    bottom: 50px;\r\n\r\n}\r\n#mouse-scroll span{\r\n  display: block;\r\n  width: 10px; \r\n  height: 10px;\r\n  -ms-transform: rotate(45deg);\r\n    -webkit-transform: rotate(45deg);\r\n       transform: rotate(45deg);\r\n       transform: rotate(45deg);\r\n  border-right: 2px solid #fff; \r\n  border-bottom: 2px solid #fff;\r\n  margin: 0 0 3px 5px;\r\n}\r\n#mouse-scroll .mouse {\r\n  height: 40px;\r\n  width: 22px;\r\n  border-radius: 10px;\r\n  -webkit-transform: none;\r\n  -ms-transform: none;\r\n  transform: none;\r\n  border: 2px solid #ffffff;\r\n  top: 170px;\r\n}\r\n\r\n#mouse-scroll .mouse-in {\r\n  height: 5px;\r\n  width: 2px;\r\n  display: block; \r\n  margin: 5px auto;\r\n  background: #ffffff;\r\n  position: relative;\r\n}\r\n#mouse-scroll .mouse-in {\r\n -webkit-animation: animated-mouse 1.2s ease infinite;\r\n  moz-animation: mouse-animated 1.2s ease infinite;\r\n}\r\n\r\n@-webkit-keyframes animated-mouse {\r\n  0% {\r\n    opacity: 1;\r\n    -webkit-transform: translateY(0);\r\n    -ms-transform: translateY(0);\r\n    transform: translateY(0);\r\n  }\r\n  100% {\r\n     opacity: 0;\r\n    -webkit-transform: translateY(6px);\r\n    -ms-transform: translateY(6px);\r\n    transform: translateY(6px);\r\n  }\r\n}\r\n@-webkit-keyframes mouse-scroll {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: .5;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  } \r\n}\r\n@keyframes mouse-scroll {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\r\nfooter {\r\n  background: #01252d;\r\n  padding:30px 0;\r\n  color: #fff;\r\n}\r\n\r\nfooter p {\r\n  color: #fff;\r\n  margin-bottom: 0;\r\n}\r\nfooter a {\r\n  color: #fff;\r\n  font-weight:  bold;\r\n}\r\nfooter a:hover {\r\n  color:#fff;\r\n}\r\n\r\n\r\n.overly {\r\n  position:relative;\r\n  &:before {\r\n    content: '';\r\n    background: rgba(0, 0, 0, 0.51);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n",".hero-area {\n  height: 650px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #fff;\n  position: relative;\n  overflow-x: hidden;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background-image: url(\"../images/home/slider-5.jpg\");\n  background-size: cover;\n  background-attachment: fixed;\n}\n\n.hero-area .block {\n  position: relative;\n  z-index: 999999;\n}\n\n.hero-area h1 {\n  font-size: 100px;\n  font-weight: 700;\n  margin-bottom: 15px;\n  font-family: 'Open Sans', sans-serif;\n}\n\n.hero-area p {\n  font-size: 20px;\n  line-height: 32px;\n  color: #f9f9f9;\n}\n\n.template-list {\n  padding: 100px 0;\n}\n\n.template-item {\n  margin-bottom: 50px;\n  border-radius: 2px;\n  position: relative;\n}\n\n.template-item:hover img {\n  opacity: 0.7;\n}\n\n.template-item .ticker {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  text-align: center;\n  line-height: 40px;\n  color: #fff;\n  z-index: 1;\n  font-size: 10px;\n  text-transform: uppercase;\n  font-weight: 700;\n  background: #4be6e6;\n}\n\n.template-item a {\n  box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.25);\n  display: block;\n}\n\n.template-item a img {\n  border-radius: 5px;\n  -webkit-transition: .3s all;\n  -o-transition: .3s all;\n  transition: .3s all;\n}\n\n.template-item h4 {\n  margin-top: 20px;\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #252525;\n  text-transform: uppercase;\n}\n\n.template-item a {\n  display: inline-block;\n  position: relative;\n}\n\n.call-to-action {\n  background: #3483de;\n  color: #fff;\n  padding: 80px 0;\n}\n\n.call-to-action h2 {\n  line-height: 45px;\n}\n\n.call-to-action .btn-buy-button {\n  background: #fff;\n  padding: 18px 45px;\n  border-radius: 30px;\n  margin-top: 20px;\n  font-weight: 600;\n  font-size: 12px;\n  display: inline-block;\n  text-transform: uppercase;\n  color: #666;\n}\n\n#mouse-scroll {\n  style: block;\n}\n\n#mouse-scroll {\n  position: absolute;\n  margin: auto;\n  left: 50%;\n  -webkit-transform: translateX(-50%);\n  z-index: 9999;\n  bottom: 50px;\n}\n\n#mouse-scroll span {\n  display: block;\n  width: 10px;\n  height: 10px;\n  -ms-transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  transform: rotate(45deg);\n  transform: rotate(45deg);\n  border-right: 2px solid #fff;\n  border-bottom: 2px solid #fff;\n  margin: 0 0 3px 5px;\n}\n\n#mouse-scroll .mouse {\n  height: 40px;\n  width: 22px;\n  border-radius: 10px;\n  -webkit-transform: none;\n  -ms-transform: none;\n  transform: none;\n  border: 2px solid #ffffff;\n  top: 170px;\n}\n\n#mouse-scroll .mouse-in {\n  height: 5px;\n  width: 2px;\n  display: block;\n  margin: 5px auto;\n  background: #ffffff;\n  position: relative;\n}\n\n#mouse-scroll .mouse-in {\n  -webkit-animation: animated-mouse 1.2s ease infinite;\n  moz-animation: mouse-animated 1.2s ease infinite;\n}\n\n@-webkit-keyframes animated-mouse {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -ms-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(6px);\n    -ms-transform: translateY(6px);\n    transform: translateY(6px);\n  }\n}\n\n@-webkit-keyframes mouse-scroll {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: .5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes mouse-scroll {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\nfooter {\n  background: #01252d;\n  padding: 30px 0;\n  color: #fff;\n}\n\nfooter p {\n  color: #fff;\n  margin-bottom: 0;\n}\n\nfooter a {\n  color: #fff;\n  font-weight: bold;\n}\n\nfooter a:hover {\n  color: #fff;\n}\n\n.overly {\n  position: relative;\n}\n\n.overly:before {\n  content: '';\n  background: rgba(0, 0, 0, 0.51);\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"]}