/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://www.facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

{"version":3,"sources":["_media-query.scss","_typography.scss","style.css","_variables.scss","_common.scss","templates/_header.scss","templates/_page-banner.scss","templates/_navigation.scss","_mixins.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":"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","file":"style.css","sourcesContent":["/*=== MEDIA QUERY ===*/\n@mixin mobile-xs{\n  @media(max-width:400px){\n    @content;\n  }\n}\n@mixin mobile{\n  @media(max-width:480px){\n    @content;\n  }\n}\n@mixin tablet-xs{\n  @media(max-width:640px){\n    @content;\n  }\n}@mixin tablet{\n  @media(max-width:768px){\n    @content;\n  }\n}\n@mixin desktop{\n  @media(max-width:992px){\n    @content;\n  }\n}\n@mixin large-desktop{\n  @media(max-width:1200px){\n    @content;\n  }\n}","/*-----------------------------\n CSS INDEXING\n* --------------------------------------\n* 01.GLOBAL CSS STYLE\n* 02.TYPOGRAPHY CSS STYLE\n* 03.BUTTONS STYLE\n* 04.HOMEPAGE CSS STYLE\n    -LOGO CSS\n    -MENU CSS\n    -BACKGROUND\n* 05.FEATURES CSS STYLE\n* 06.SERVICE CSS STYLE\n* 07.ABOUT CSS STYLE\n* 08.PRICING CSS STYLE\n* 09.TESTIMONIAL STYLE\n* 10.LATEST BLOG CSS STYLE\n* 11.CONTACT CSS STYLE\n* 12.FOOTER CSS STYLE\n* ----------------------------------------\n*/\n\n\n// Fonts \n@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500,700,900');\n\n\n\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: $secondary-font;\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: $black-light;\n}\n\n/*--------------------\n TYPOGRAPHY\n-----------------*/\n\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n   \n     font-family: $primary-font; \n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: .5rem;\n    color: $black;\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: $secondary-color;\n}","/*=== MEDIA QUERY ===*/ /*-----------------------------\n CSS INDEXING\n* --------------------------------------\n* 01.GLOBAL CSS STYLE\n* 02.TYPOGRAPHY CSS STYLE\n* 03.BUTTONS STYLE\n* 04.HOMEPAGE CSS STYLE\n    -LOGO CSS\n    -MENU CSS\n    -BACKGROUND\n* 05.FEATURES CSS STYLE\n* 06.SERVICE CSS STYLE\n* 07.ABOUT CSS STYLE\n* 08.PRICING CSS STYLE\n* 09.TESTIMONIAL STYLE\n* 10.LATEST BLOG CSS STYLE\n* 11.CONTACT CSS STYLE\n* 12.FOOTER CSS STYLE\n* ----------------------------------------\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/*--------------------\n TYPOGRAPHY\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: 0.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: 0.9375rem;\n}\n\n.h6,\nh6 {\n  font-size: 0.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/*--------------------\nCommon Styles\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: 0.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.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.bg-grey {\n  background: #F4F7FC;\n}\n\n/*-------------------\n  BUTTONS STYLE\n----------------=----*/\n.btn {\n  font-size: 0.6875rem;\n  font-weight: 700;\n  position: relative;\n  text-transform: uppercase;\n  padding: 1rem 2.4rem;\n  border: 0.1rem solid transparent;\n  transition: all 0.2s ease-in-out;\n  letter-spacing: 0.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.btn-trans-white:hover {\n  color: #fff;\n  opacity: 0.5;\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,\n.btn-primary,\n.btn-white:hover {\n  background: #21c87a !important;\n  border-color: #21c87a !important;\n  color: #fff;\n}\n\n.bg-dark,\n.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/*------------------------\n BACKGROUND\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: 0.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  transition: 0.3s;\n}\n\na:hover,\na:focus {\n  outline: none;\n  text-decoration: none;\n  color: #1a9c5f;\n}\n\n/*----------------------\n HEADER STYLE\n-----------------------*/\n.header-socials {\n  line-height: 22px;\n  margin-bottom: 0px;\n}\n.header-socials li {\n  padding: 8px;\n}\n.header-socials li a {\n  color: #21c87a;\n}\n\n/*-----------------\n LOGO BAR\n-------------------*/\n.logo-bar {\n  padding: 30px 0px 60px;\n}\n\n.top-info-block {\n  margin-right: 30px;\n}\n.top-info-block h5,\n.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/*-----------------------\n HOME-3\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@media (max-width: 992px) {\n  .trans-navigation {\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\n.trans-navigation .navbar-brand h4,\n.site-navigation .navbar-brand h4,\n.site-navigation .navbar-brand h3,\n.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.banner-content2 .display-4 {\n  color: #fff;\n  font-weight: 600;\n}\n.banner-content2 p.lead {\n  color: #fff;\n}\n\n/* =========================\nPRELOADER\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@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/*--------------------------\nPAGE BANNER\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/*-------------------\n   MENU\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.navbar-dark .navbar-toggler {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.1);\n  padding: 10px 12px;\n}\n.navbar-dark .navbar-toggler:focus {\n  outline: 0;\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  transition: 0.3s;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: #fff;\n  font-weight: 700;\n  letter-spacing: 0.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.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 0.15s linear;\n  opacity: 0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  background-color: #fff;\n}\n\n.dropdown-toggle::after {\n  margin-left: 0.255em;\n  vertical-align: 1px;\n  content: \"\\f078\";\n  border: 0;\n  font-family: \"Font Awesome 5 Free\";\n  font-size: 12px;\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.navbar-light:before {\n  opacity: 1;\n}\n\n.navbar .nav-item-divider {\n  display: none;\n}\n.navbar .nav-item-divider .nav-link {\n  opacity: 0.25;\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/*-------------------\n  DROPDOWN MENU\n----------------------*/\n.has-dropdown .dropdown-menu {\n  border: none;\n  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);\n  padding: 0;\n  margin: 0;\n}\n@media (max-width: 992px) {\n  .has-dropdown .dropdown-menu {\n    text-align: center;\n    float: left !important;\n    width: 100%;\n    margin: 0;\n  }\n}\n.has-dropdown .dropdown-menu a {\n  font-weight: normal;\n  color: #808080;\n  padding: 10px 20px;\n  -webkit-transition: all 0.3s ease;\n  -moz-transition: all 0.3s ease;\n  -ms-transition: all 0.3s ease;\n  -o-transition: all 0.3s ease;\n  transition: all 0.3s ease;\n  border-bottom: 1px solid #eee;\n  border-radius: 4px;\n}\n.has-dropdown .dropdown-menu a:focus, .has-dropdown .dropdown-menu a:hover {\n  background: #21c87a;\n  color: #fff;\n}\n\n.dropleft .dropdown-menu,\n.dropright .dropdown-menu {\n  margin: 0;\n}\n\n.dropleft .dropdown-toggle::before,\n.dropright .dropdown-toggle::after {\n  font-weight: bold;\n  font-family: \"Font Awesome 5 Free\";\n  border: 0;\n  font-size: 10px;\n  vertical-align: 1px;\n}\n\n.dropleft .dropdown-toggle::before {\n  content: \"\\f053\";\n  margin-right: 7px;\n}\n\n.dropright .dropdown-toggle::after {\n  content: \"\\f054\";\n  margin-left: 7px;\n}\n\n.dropdown-item {\n  padding: 0.6rem 1.4rem;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.dropdown-submenu:hover > .dropdown-item,\n.dropdown-item:hover {\n  background: #21c87a;\n  color: #fff !important;\n}\n\n.dropdown-item.active {\n  text-decoration: underline;\n  background-color: transparent;\n  color: inherit;\n}\n\n.dropdown-submenu.active > .dropdown-toggle {\n  text-decoration: underline;\n  color: inherit;\n}\n\nul.dropdown-menu li {\n  padding-left: 0px !important;\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu {\n    transition: all 0.2s ease-in, visibility 0s linear 0.2s, transform 0.2s linear;\n    display: block;\n    visibility: hidden;\n    opacity: 0;\n    min-width: 200px;\n    transform: translateY(15px);\n  }\n  .dropdown:hover > .dropdown-menu {\n    visibility: visible;\n    transition: all 0.35s ease 0s;\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n/*----------------------\n BANNER STYLE\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.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/*-------------------------\n HOME -2 \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.banner-content p {\n  color: #eee;\n  padding-right: 80px;\n  margin-bottom: 30px !important;\n}\n.banner-content .display-4 {\n  color: #fff;\n  font-weight: 600;\n}\n\n#banner .overlay {\n  opacity: 0.7;\n}\n\n.banner-contact-form {\n  padding: 45px 40px;\n  margin-top: 30px;\n}\n.banner-contact-form .form-control {\n  border-radius: 0px;\n  height: 45px;\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/*----------------------\n FEATURE STYLE\n-----------------------*/\n.img-icon-block {\n  position: relative;\n}\n.img-icon-block:before {\n  position: absolute;\n  content: \"\";\n  top: -27px;\n  background-color: #21c87a;\n  opacity: 0.3;\n  width: 80px;\n  right: 70px;\n  height: 80px;\n  border-radius: 50%;\n  z-index: 1;\n}\n.img-icon-block i {\n  font-size: 58px;\n  z-index: 2 !important;\n  color: #333;\n  position: relative;\n}\n\n/*--------------------------\nABOUT-2\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#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/*----------------------\n SERVICE\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.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/*----------------------\n WEB SERVICES\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#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  transition: 0.3s;\n  border-radius: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  margin-bottom: 10px;\n}\n.web-service-block i {\n  font-size: 70px;\n  margin-bottom: 30px;\n  display: block;\n  color: #fff;\n}\n.web-service-block h3 {\n  color: #fff;\n  transition: 0.3s;\n}\n.web-service-block p {\n  color: #eee;\n  margin-top: 15px;\n  transition: 0.3s;\n}\n.web-service-block:hover {\n  background: #fff;\n  border-color: transparent;\n}\n.web-service-block:hover i {\n  color: #21c87a;\n}\n.web-service-block:hover h3 {\n  color: #111;\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/*----------------------\n PRoject\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#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: 0.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.project-content .btn {\n  padding: 0.7rem 1.7rem;\n  border-radius: 25px;\n}\n.project-content p {\n  margin-top: 20px;\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.project-content-block h4 {\n  color: #21c87a;\n}\n.project-content-block p {\n  margin-top: 25px;\n}\n\n/*-------------------------\n PORTFOLIO-2\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.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.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.work-block img {\n  width: 100%;\n  border-radius: 5px;\n}\n.work-block:hover .overlay-content-block {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* ==============================\n  SINGEL PROJECTS\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.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/*----------------------\n PROCESS\n-----------------------*/\n.process-block {\n  text-align: center;\n}\n.process-block img {\n  border-radius: 5px;\n  margin-bottom: 30px;\n}\n.process-block h3 {\n  margin-bottom: 15px;\n}\n\n/*----------------------\n PRICING\n-----------------------*/\n.price-block {\n  margin: 20px 0px 30px;\n}\n.price-block h2 {\n  font-size: 80px;\n  font-weight: 700;\n  position: relative;\n  display: inline-block;\n}\n.price-block h2 small {\n  position: absolute;\n  top: 20px;\n  font-size: 16px;\n  left: -9px;\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.price-features li {\n  font-size: 16px;\n  padding: 5px 0px;\n  position: relative;\n  padding-left: 30px;\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.pricing-block .price-features li:before {\n  display: none;\n}\n\n/*--------------------------\nPRICING-2\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.pricing-box .price-block h2 span {\n  font-size: 12px;\n  font-weight: normal;\n  text-transform: capitalize;\n}\n.pricing-box:hover {\n  background: rgb(29, 28, 28);\n  border-color: rgb(29, 28, 28);\n}\n.pricing-box:hover .price-features li {\n  color: #eee;\n}\n.pricing-box:hover .price-block h2 {\n  color: #fff;\n}\n.pricing-box:hover h3 {\n  color: #fff;\n}\n.pricing-box:hover .btn {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n/*----------------------\n BLOG SECTION\n-----------------------*/\n.blog-box {\n  position: relative;\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.blog-content a h3 {\n  transition: all 0.3s ease 0s;\n  margin: 15px 0px;\n}\n.blog-content p {\n  margin: 20px 0px;\n}\n.blog-content:hover a h3 {\n  color: #21c87a;\n}\n.blog-content h6 span {\n  display: inline-block;\n  padding-left: 10px;\n}\n.blog-content h6 span:after {\n  display: none;\n}\n\n/*------------------------------------\nSECTION TESTIMONIAL\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 0.7s ease;\n  -o-transition: all 0.7s ease;\n  transition: all 0.7s ease;\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.test-inner i {\n  font-size: 60px;\n  opacity: 0.09;\n  position: absolute;\n  right: 40px;\n  bottom: 20px;\n}\n\n.test-author-thumb {\n  margin-bottom: 15px;\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/*----------------------\n TETSIMONIAL-2\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/*---------------------------\nCONTACT PAGE\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.contact-info-block h4 {\n  margin-bottom: 0px;\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/* --------------\n    MAP\n-----------------*/\n#map {\n  height: 400px;\n  width: 100%;\n}\n\n/*----------------------\n FOOTER\n-----------------------*/\n#footer {\n  padding: 80px 0px;\n  position: relative;\n}\n#footer .footer-brand {\n  font-size: 30px;\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: 0.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.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.footer-links i {\n  width: 25px;\n}\n\n.footer-copy {\n  color: #888;\n  font-size: 16px;\n  position: relative;\n  margin-bottom: 0;\n  display: inline-block;\n}\n.footer-copy:before {\n  position: absolute;\n  content: \"\";\n  right: calc(100% + 30px);\n  top: 16px;\n  width: 2000%;\n  height: 1px;\n  height: 1px;\n  background: #94959a;\n}\n\n.current-year {\n  color: #21c87a !important;\n}\n\n/*-----------------------------\n SCROLL TO TOP\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.scroll-to-top i {\n  width: 50px;\n  height: 50px;\n  border-radius: 100%;\n  text-align: center;\n  font-size: 22px;\n  line-height: 50px;\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,\n.scroll-to-top:focus {\n  text-decoration: none;\n}\n\n.reveal {\n  transition: all 0.3s;\n  cursor: pointer;\n  opacity: 1;\n}\n\n/*----------------------------------\n    MEDIUM LAYOUT: 1280px\n-----------------------------------*/\n@media (max-width: 1200px) {\n  .navbar {\n    text-align: center;\n  }\n  .navbar .nav-item-divider {\n    display: block;\n  }\n}\n/*----------------------------------\n    TABLET LAYOUT: 768px\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-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,\n.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    width: 100%;\n    text-align: left;\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    WIDE MOBILE LAYOUT: 7680px\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,\n.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/* 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,\n.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/* 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,\n.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}","$light: #fff;\n$primary-color: #21c87a;\n$secondary-color: #F4F7FC;\n$black: #212529;\n$black-light: #6c757d;\n$black-lighter: #888;\n$border-color:#eee;\n$primary-font: 'Muli', sans-serif;\n$secondary-font:'Muli', sans-serif;\n","/*--------------------\nCommon Styles\n-----------------*/\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\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\n.bg-grey {\n  background: #F4F7FC;\n}\n\n/*-------------------\n  BUTTONS STYLE\n----------------=----*/\n\n.btn {\n  font-size: .6875rem;\n  font-weight: 700;\n  position: relative;\n  text-transform: uppercase;\n  padding: 1rem 2.4rem;\n  border: 0.1rem solid transparent;\n  transition: all 0.2s ease-in-out;\n  letter-spacing: .5px\n}\n\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\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  &:hover {\n    color: #fff;\n    opacity: .5;\n  }\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\n.bg-primary,\n.btn-primary,\n.btn-white:hover {\n  background: #21c87a !important;\n  border-color: #21c87a !important;\n  color: #fff;\n}\n\n.bg-dark,\n.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\n\n/*------------------------\n BACKGROUND\n----------------------------*/\n\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, .15)\n}\n\n\n\n\n.mt50 {\n  margin-top: 80px;\n}\n\n\n.mb-30 {\n  margin-bottom: 30px;\n}\n\n.bg-primary {\n  background: $primary-color !important;\n}\n\na {\n  color: $primary-color;\n  transition: 0.3s;\n}\n\na:hover,\na:focus {\n  outline: none;\n  text-decoration: none;\n  color: darken($primary-color, 10);\n}\n","/*----------------------\n HEADER STYLE\n-----------------------*/\n\n.header-socials {\n  line-height: 22px;\n  margin-bottom: 0px;\n\n  li {\n    padding: 8px;\n\n    a {\n      color: #21c87a;\n    }\n  }\n}\n\n\n/*-----------------\n LOGO BAR\n-------------------*/\n\n.logo-bar {\n  padding: 30px 0px 60px;\n}\n\n.top-info-block {\n  margin-right: 30px;\n\n  h5,\n  p {\n    margin-bottom: 0px;\n  }\n}\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\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\n.main-navigation {\n  margin-top: -40px;\n}\n\n\n\n\n/*-----------------------\n HOME-3\n---------------------------*/\n\n.header-white {\n  background: $primary-color;\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 {\n  @include desktop {\n    background: $primary-color;\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\n.trans-navigation .navbar-brand h4,\n.site-navigation .navbar-brand h4,\n.site-navigation .navbar-brand h3,\n.trans-navigation .navbar-brand h3 {\n  color: $light;\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\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\n.banner-content2 {\n  padding: 200px 0px;\n\n  .display-4 {\n    color: $light;\n    font-weight: 600;\n  }\n\n  p.lead {\n    color: $light;\n  }\n}\n\n\n\n\n\n\n/* =========================\nPRELOADER\n=======================*/\n\n#page-loader {\n  background: $light;\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 $light;\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: $light;\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\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\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n","\n\n/*--------------------------\nPAGE BANNER\n--------------------------*/\n\n.page-banner-area{\n    padding: 180px 0px;\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.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\n.page-banner-content h1{\n    color: $light;\n}\n.page-banner-content p{\n    color: $border-color;\n}\n\n.form-control{\n    border-radius: 0px;\n    height: 45px;\n}\n","/*-------------------\n   MENU\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.navbar-dark .navbar-toggler {\n  color: #fff;\n  border-color: rgba(255,255,255,.1);\n  padding: 10px 12px;\n  &:focus {\n    outline: 0;\n  }\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  transition: .3s;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: $light;\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  &: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, .1);\n    background-color: $light;\n\n  }\n}\n\n.dropdown-toggle::after {\n  margin-left: .255em;\n  vertical-align: 1px;\n  content: \"\\f078\";\n  border: 0;\n  font-family: \"Font Awesome 5 Free\";\n  font-size: 12px;\n}\n\n.fixed-top {\n  position: fixed;\n  z-index: 1030;\n  right: 0;\n  left: 0;\n}\n\n\n.navbar-dark {\n  color: $light;\n}\n\n\n.navbar-light {\n  color: $black;\n\n  &:before {\n    opacity: 1;\n  }\n}\n\n\n.navbar .nav-item-divider {\n  display: none;\n\n  .nav-link {\n    opacity: .25;\n  }\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, .90);\n  border-color: transparent;\n\n}\n\n\n/*-------------------\n  DROPDOWN MENU\n----------------------*/\n.has-dropdown {\n  .dropdown-menu {\n    border: none;\n    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);\n    padding: 0;\n    margin: 0;\n\n    @include desktop {\n      text-align: center;\n      float: left !important;\n      width: 100%;\n      margin: 0;\n    }\n\n    a {\n      font-weight: normal;\n      color: #808080;\n      padding: 10px 20px;\n      @include transition (all, 0.3s, ease);\n      border-bottom: 1px solid #eee;\n      border-radius: 4px;\n\n      &:focus,\n      &:hover {\n        background: $primary-color;\n        color: $light;\n      }\n    }\n  }\n}\n\n.dropleft .dropdown-menu,\n.dropright .dropdown-menu {\n  margin: 0;\n}\n\n.dropleft .dropdown-toggle::before,\n.dropright .dropdown-toggle::after {\n  font-weight: bold;\n  font-family: \"Font Awesome 5 Free\";\n  border: 0;\n  font-size: 10px;\n  vertical-align: 1px;\n}\n\n.dropleft .dropdown-toggle::before {\n  content: \"\\f053\";\n  margin-right: 7px;\n}\n\n.dropright .dropdown-toggle::after {\n  content: \"\\f054\";\n  margin-left: 7px;\n}\n\n.dropdown-item {\n  padding: .6rem 1.4rem;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.dropdown-submenu:hover>.dropdown-item,\n.dropdown-item:hover {\n  background: $primary-color;\n  color: $light !important;\n}\n\n.dropdown-item.active {\n  text-decoration: underline;\n  background-color: transparent;\n  color: inherit;\n}\n.dropdown-submenu.active>.dropdown-toggle {\n  text-decoration: underline;\n  color: inherit;\n}\n\nul.dropdown-menu li {\n  padding-left: 0px !important;\n}\n\n@media (min-width:992px) {\n  .dropdown-menu {\n    transition: all .2s ease-in, visibility 0s linear .2s, transform .2s linear;\n    display: block;\n    visibility: hidden;\n    opacity: 0;\n    min-width: 200px;\n    transform: translateY(15px);\n  }\n\n  .dropdown:hover>.dropdown-menu {\n    visibility: visible;\n    transition: all .35s ease 0s;\n    opacity: 1;\n    transform: translateY(0);\n  }\n}","// Transition\n@mixin transition($what: all, $time: 0.2s, $how: ease-in-out) {\n    -webkit-transition: $what $time $how;\n    -moz-transition:    $what $time $how;\n    -ms-transition:     $what $time $how;\n    -o-transition:      $what $time $how;\n    transition:         $what $time $how;\n}\n\n// Transform\n@mixin transform($transforms) {\n\t   -moz-transform: $transforms;\n\t     -o-transform: $transforms;\n\t    -ms-transform: $transforms;\n\t-webkit-transform: $transforms;\n          transform: $transforms;\n}\n// rotate\n@mixin rotate ($deg) {\n  @include transform(rotate(#{$deg}deg));\n}\n \n// scale\n@mixin scale($scale) {\n\t @include transform(scale($scale));\n} \n// translate\n@mixin translate ($x, $y) {\n   @include transform(translate($x, $y));\n}\n// skew\n@mixin skew ($x, $y) {\n   @include transform(skew(#{$x}deg, #{$y}deg));\n}\n//transform origin\n@mixin transform-origin ($origin) {\n    moz-transform-origin: $origin;\n\t     -o-transform-origin: $origin;\n\t    -ms-transform-origin: $origin;\n\t-webkit-transform-origin: $origin;\n          transform-origin: $origin;\n}","\n/*----------------------\n BANNER STYLE\n-----------------------*/\n\n.py-7 {\n    padding: 7.5rem 0;\n}\n\n.py-8 {\n    padding: 8.5rem 0;\n}\n\n\n.main-banner {\n    h5{\n        margin-bottom: 20px;\n    }\n    h1.display-4{\n        line-height: 65px;\n    }\n}\n\n\n.main-banner p.lead,\n.banner-content p.lead{\n    margin-bottom: 2.5rem!important;\n}\n\n\n\n/*-------------------------\n HOME -2 \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\n.banner-content {\n    padding: 150px 0px;\n    padding-right: 30px;\n    p{\n        color: $border-color;\n        padding-right: 80px;\n        margin-bottom: 30px !important;\n    }\n    .display-4{\n        color: $light;\n        font-weight: 600;\n    }\n}\n\n\n#banner .overlay{\n    opacity: .7;\n}\n\n.banner-contact-form{\n    padding:45px 40px;\n    margin-top: 30px;\n\n    .form-control{\n        border-radius: 0px;\n        height: 45px;\n    }\n\n    textarea.form-control{\n        height: auto;\n    }\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","\n/*----------------------\n FEATURE STYLE\n-----------------------*/\n.img-icon-block {\n    position: relative;\n\n    &:before {\n        position: absolute;\n        content: \"\";\n        top: -27px;\n        background-color: $primary-color;\n        opacity: .3;\n        width: 80px;\n        right: 70px;\n        height: 80px;\n        border-radius: 50%;\n        z-index: 1;\n    }\n\n    i{\n        font-size: 58px;\n        z-index: 2!important;\n        color: #333;\n        position: relative;\n    }\n}\n\n\n\n\n\n/*--------------------------\nABOUT-2\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    img{\n        border: 5px solid $primary-color;\n    }\n}\n.pt-6{\n    padding-top: 4.5rem;\n}\n.img-icon i{\n    font-size: 60px;\n}\n","/*----------------------\n SERVICE\n-----------------------*/\nh5.subtitle {\n  color: $primary-color;\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 $light;\n  z-index: 9999;\n}\n\n.service-content {\n  padding-top: 60px;\n  padding-left: 15px;\n\n  h1 {\n    margin-bottom: 20px;\n    margin-top: 15px;\n  }\n}\n\n.service-icon {\n  margin-right: 20px;\n  color: $light;\n  font-size: 25px;\n  width: 50px;\n  height: 50px;\n  background: $primary-color;\n  text-align: center;\n  border-radius: 50%;\n  padding-top: 5px;\n}\n\n.service-block {\n  margin-bottom: 50px;\n}\n\n\n.service-inner-content h4 {\n  text-transform: uppercase;\n}\n\n\n/*----------------------\n WEB SERVICES\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  &: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\n\n.web-service-block {\n  text-align: center;\n  padding: 35px 25px;\n  transition: .3s;\n  border-radius: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  margin-bottom: 10px;\n\n  i {\n    font-size: 70px;\n    margin-bottom: 30px;\n    display: block;\n    color: $light;\n  }\n\n  h3 {\n    color: $light;\n    transition: 0.3s;\n  }\n\n  p {\n    color: $border-color;\n    margin-top: 15px;\n    transition: 0.3s;\n  }\n\n  &:hover {\n    background: $light;\n    border-color: transparent;\n\n    i {\n      color: $primary-color;\n    }\n\n    h3 {\n      color: #111;\n    }\n\n    p {\n      color: #111;\n    }\n  }\n}\n\n.service-img {\n  margin-bottom: -200px;\n  border: 10px solid $light;\n  z-index: 9999;\n\n}","\n/*----------------------\n PRoject\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    p.lead{\n        color: #a9a9a9!important;\n    }\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, .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    .btn {\n        padding: .7rem 1.7rem;\n        border-radius: 25px;\n    }\n    p {\n       margin-top: 20px;\n    }\n    h4 {\n        text-transform: capitalize;\n    }\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 $light;\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    h4 {\n        color: $primary-color;\n    }\n    p {\n        margin-top: 25px;\n    }\n\n}\n\n\n/*-------------------------\n PORTFOLIO-2\n---------------------------*/\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\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: $light;\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    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: $primary-color;\n        color: $light;\n    }\n\n    h4{\n        margin-bottom: 0px;\n        margin-top: 10px;\n    }\n}\n\n.work-block{\n    position: relative;\n    border: 5px solid $light;\n\n    img{\n        width: 100%;\n        border-radius: 5px;\n    }\n    \n    &:hover .overlay-content-block{\n        opacity: 1;\n        visibility: visible;\n    }\n}\n\n\n\n\n/* ==============================\n  SINGEL PROJECTS\n=============================*/\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    li{\n        margin-bottom: 30px;\n        padding-right: 20px;\n    }\n}\n\n.project-lg-images img {\n    width: 100%;\n}\n","\n\n/*----------------------\n PROCESS\n-----------------------*/\n.process-block {\n    text-align: center;\n     img {\n\t    border-radius: 5px;\n\t    margin-bottom: 30px;\n\t}\n\th3 {\n\t    margin-bottom:15px;\n\t}\n\n}\n","\n\n/*----------------------\n PRICING\n-----------------------*/\n\n.price-block {\n    margin: 20px 0px 30px;\n    h2 {\n        font-size: 80px;\n        font-weight: 700;\n        position: relative;\n        display: inline-block;\n\n        small {\n            position: absolute;\n            top: 20px;\n            font-size: 16px;\n            left: -9px;\n        }\n    }\n\n     h6 {\n        font-size: 14px;\n        border-top: 1px solid $border-color;\n        border-bottom: 1px solid $border-color;\n        padding: 7px;\n        text-transform: capitalize;\n        width: 50%;\n        margin: 10px auto;\n\n    }\n}\n\n\n\n.price-features {\n    margin: 30px 0px 50px;\n    li {\n        font-size: 16px;\n        padding: 5px 0px;\n        position: relative;\n        padding-left: 30px;\n\n        &:before{\n            position: absolute;\n            content:\"\\f00c\";\n            font-family: \"Font Awesome 5 Free\";\n            left: 0px;\n            top: 5px;\n            color: $primary-color;\n            font-weight: 900;\n        }\n    }\n}\n\n\n\n.pricing-block .price-features li{\n    padding-left: 0px;\n    &:before{\n        display: none;\n    }\n}\n\n\n\n/*--------------------------\nPRICING-2\n---------------------------*/\n.pricing-box{\n    border: 1px solid $border-color;\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    .price-block h2 span{\n        font-size: 12px;\n        font-weight: normal;\n        text-transform: capitalize;\n    }\n    &:hover{\n        background: rgb(29, 28, 28);\n        border-color: rgb(29, 28, 28);\n    }\n\n    &:hover .price-features li{\n        color: $border-color;\n    }\n    &:hover .price-block h2{\n        color: $light;\n    }\n    &:hover h3{\n        color: $light;\n    }\n    &:hover .btn{\n        background: $light!important;\n        color: #000!important;\n    }\n\n}\n\n","\n\n/*----------------------\n BLOG SECTION\n-----------------------*/\n.blog-box {\n    position: relative;\n\n    .blog-img-box img {\n        border-radius: 5px;\n        box-shadow: 0 7px 12px rgba(0, 0, 0, 0.08);\n    }\n}\n\n\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 $border-color;\n}\n\n\n.blog-content {\n    ul {\n        margin-bottom: 10px;\n    }\n    a h3 {\n        transition: all .3s ease 0s;\n        margin: 15px 0px;\n    }\n    p{\n        margin: 20px 0px;\n    }\n\n    &:hover a h3 {\n        color: $primary-color;\n    }\n\n    h6 span{\n        display: inline-block;\n        padding-left: 10px;\n\n        &:after{\n            display: none;\n        }\n    }\n\n}\n\n","/*------------------------------------\nSECTION TESTIMONIAL\n-------------------------------------*/\n#section-testimonial{\n    padding-bottom: 120px;\n    background: #F9FAFF;\n}\n.mb25{\n    margin-bottom: 25px;\n}\n.test-inner{\n    position: relative;\n    padding: 30px;\n    background: $light;\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    &: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    i{\n        font-size: 60px;\n        opacity: .09;\n        position: absolute;\n        right: 40px;\n        bottom: 20px;\n    }\n}\n\n\n.test-author-thumb{\n    margin-bottom: 15px;\n    img{\n        width: 90px;\n        height: 90px;\n        border-radius: 100%;\n        border: 1px dotted #ddd;\n        padding: 5px;\n    }\n}\n\n.test-author-info{\n    margin-left: 20px;\n    margin-top: 20px;\n}\n\n\n\n\n/*----------------------\n TETSIMONIAL-2\n-------------------------*/\n\n.testimonial .content img{\n    margin: 0 auto 30px;\n    border: 3px solid $light;\n}\n\n.img-md{\n    width: 120px;\n    height: 120px;\n    border-radius: 100%;\n}","\n/*---------------------------\nCONTACT PAGE\n-----------------------------*/\n\n#contact-info{\n    padding-top: 90px;\n}\n.contact-info-block{\n    border: 1px solid $border-color;\n    padding: 40px 20px;\n    border-radius: 5px;\n\n     h4{\n        margin-bottom: 0px;\n    }\n    i{\n        font-size: 40px;\n        margin-bottom: 20px;\n        display: block;\n        color: $primary-color;\n    }\n}\n\n\n.form-control:focus,.form-control:hover{\n    border-color: $primary-color;\n    box-shadow: none;\n}\n\n\n/* --------------\n    MAP\n-----------------*/\n\n#map{\n    height: 400px;\n    width: 100%;\n}","/*----------------------\n FOOTER\n-----------------------*/\n#footer {\n  padding: 80px 0px;\n  position: relative;\n\n  .footer-brand {\n    font-size: 30px;\n  }\n\n  .footer-links {\n    padding-left: 0;\n    list-style-type: none\n  }\n\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\n\n\n.footer-widget {\n  p {\n    color: $black-lighter;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    line-height: 32px;\n    font-size: 14px;\n  }\n\n  h3 {\n    color: $light;\n    margin-bottom: 30px;\n  }\n}\n\n\n\n.footer-links {\n  a {\n    color: $black-lighter;\n    line-height: 38px;\n    font-size: 14px;\n    text-transform: capitalize;\n  }\n  i {\n    width: 25px;\n  }\n}\n\n\n.footer-copy {\n  color: $black-lighter;\n  font-size: 16px;\n  position: relative;\n  margin-bottom: 0;\n  display: inline-block;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    right: calc(100% + 30px);\n    top: 16px;\n    width: 2000%;\n    height: 1px;\n    height: 1px;\n    background: #94959a;\n  }\n}\n.current-year {\n  color: $primary-color !important;\n}\n\n\n\n\n/*-----------------------------\n SCROLL TO TOP\n--------------------------------*/\n.scroll-to-top {\n  position: fixed;\n  content: \"\";\n  right: 30px;\n  bottom: 50px;\n  z-index: 999;\n  background: $primary-color;\n  color: $light !important;\n  border-radius: 100%;\n  opacity: 0;\n\n  i {\n    width: 50px;\n    height: 50px;\n    border-radius: 100%;\n    text-align: center;\n    font-size: 22px;\n    line-height: 50px;\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\n.scroll-to-top:hover,\n.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    MEDIUM LAYOUT: 1280px\n-----------------------------------*/\n@include large-desktop {\n\n  .navbar {\n    text-align: center;\n  }\n\n  .navbar .nav-item-divider {\n    display: block\n  }\n}\n\n\n/*----------------------------------\n    TABLET LAYOUT: 768px\n------------------------------------*/\n@include desktop {\n  .section-title {\n    font-size: 30px;\n  }\n\n  .background-text {\n    font-size: 60px;\n  }\n\n  .main-banner h1.display-4 {\n    line-height: 62px;\n    font-size: 30px;\n  }\n\n  .main-nav .navbar-brand h4 {\n    color: $light;\n  }\n\n  .top-info-block {\n    text-align: center;\n    margin: 10px 0px;\n    clear: both;\n  }\n\n  .icon-block {\n    margin-right: 0px;\n    margin-bottom: 10px;\n  }\n\n  .main-nav .navbar-brand h4 {\n    color: $light;\n  }\n\n  .section-title {\n    font-size: 22px;\n  }\n\n  .feature-block {\n    margin-bottom: 80px;\n  }\n\n  .service-img {\n    margin-bottom: 0px;\n  }\n\n  .service-content {\n    padding-bottom: 70px;\n  }\n\n  .process-block,\n  .pricing-block {\n    margin-bottom: 40px;\n  }\n\n  .section-heading {\n    margin-bottom: 30px;\n  }\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\n  .project-content-block h4 {\n    font-size: 14px;\n  }\n\n  .blog-box {\n    margin-bottom: 50px;\n  }\n\n  .footer-copy {\n    width: 100%;\n    text-align: left;\n  }\n\n  .footer-copy:before {\n    display: none;\n  }\n\n  .banner-content p {\n    padding-right: 0px;\n  }\n\n  .pricing-box {\n    margin-top: 30px;\n  }\n\n  .main-navigation.menu-2 {\n    margin-top: 20px;\n    position: absolute;\n    width: 100%;\n  }\n\n  .top-info-block {\n    margin: 0px 20px;\n    text-align: left;\n  }\n\n  .top-info-block .icon-block {\n    margin-right: 10px;\n  }\n\n  .img-icon-block:before {\n    right: auto;\n  }\n\n  #map {\n    margin-top: 40px;\n  }\n\n  .contact-info-block {\n    margin-bottom: 25px;\n  }\n\n  #work-wrap p.lead {\n    margin-bottom: 40px;\n  }\n}\n\n\n\n/*----------------------------------\n    WIDE MOBILE LAYOUT: 7680px\n-----------------------------------*/\n\n@include tablet {\n\n  .display-4 {\n    font-size: 2.5rem;\n  }\n\n  .top-info-block {\n    margin: 10px 15px;\n    clear: both;\n  }\n\n  .icon-block {\n    margin-right: 0px;\n    margin-bottom: 10px;\n  }\n\n  .main-navigation {\n    margin-top: 20px;\n  }\n\n  .main-nav .navbar-brand h4 {\n    color: $light;\n  }\n\n  .section-title {\n    font-size: 22px;\n  }\n\n  .feature-block {\n    margin-bottom: 80px;\n  }\n\n  .service-img {\n    margin-bottom: 0px;\n  }\n\n  .service-content {\n    padding-bottom: 70px;\n  }\n\n  .process-block,\n  .pricing-block {\n    margin-bottom: 40px;\n  }\n\n  .pricing-block.zoom-in {\n    -webkit-transform: none;\n    -ms-transform: none;\n    -o-transform: none;\n    transform: none;\n  }\n\n  .section-heading {\n    margin-bottom: 30px;\n  }\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\n  .project-content-block h4 {\n    font-size: 14px;\n  }\n\n  .testimonial-heading {\n    margin-bottom: 50px;\n  }\n\n  .blog-box {\n    margin-bottom: 50px;\n  }\n\n  .footer-copy {\n    text-align: center;\n  }\n\n  .footer-copy:before {\n    display: none;\n  }\n\n  .banner-content p {\n    padding-right: 0px;\n  }\n\n  .pricing-box {\n    margin-top: 30px;\n  }\n\n\n  .main-navigation.menu-2 {\n    margin-top: 20px;\n    position: absolute;\n    width: 100%;\n  }\n\n  .img-icon-block:before {\n    right: auto;\n  }\n\n  .page-banner-area {\n    padding: 160px 0px 110px;\n  }\n\n  .info-block-2 {\n    margin-right: 35px;\n    margin-bottom: 40px;\n  }\n\n  .navbar-collapse.collapse.show {\n    padding-bottom: 30px;\n    background: #21c87a;\n  }\n\n  #map {\n    margin-top: 40px;\n  }\n\n  .contact-info-block {\n    margin-bottom: 25px;\n  }\n\n  #work-wrap p.lead {\n    margin-bottom: 40px;\n  }\n\n}\n\n/* Extra Small Devices, Phones */\n\n// @media (min-width: 478px) and (max-width: 640px) {\n@include tablet-xs {\n  .main-navigation {\n    margin-top: 40px;\n  }\n\n  a.navbar-brand h4 {\n    color: $light;\n  }\n\n  .section-title {\n    top: 0;\n  }\n\n  .background-text {\n    display: none;\n  }\n\n  .display-4 {\n    font-size: 2.5rem;\n  }\n\n  .navbar-collapse.collapse.show {\n    padding-bottom: 30px;\n    background: #21c87a;\n  }\n\n  .top-info-block {\n    text-align: center;\n    margin: 10px 0px;\n    clear: both;\n  }\n\n  .icon-block {\n    margin-right: 0px;\n    margin-bottom: 10px;\n  }\n\n  .main-navigation {\n    margin-top: 20px;\n  }\n\n  .main-nav .navbar-brand h4 {\n    color: $light;\n  }\n\n  .section-title {\n    font-size: 22px;\n  }\n\n  .feature-block {\n    margin-bottom: 80px;\n  }\n\n  .service-img {\n    margin-bottom: 0px;\n  }\n\n  .service-content {\n    padding-bottom: 70px;\n  }\n\n  .process-block,\n  .pricing-block {\n    margin-bottom: 40px;\n  }\n\n  .pricing-block.zoom-in {\n    -webkit-transform: none;\n    -ms-transform: none;\n    -o-transform: none;\n    transform: none;\n  }\n\n  .section-heading {\n    margin-bottom: 30px;\n  }\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\n  .project-content-block h4 {\n    font-size: 14px;\n  }\n\n  .testimonial-heading {\n    margin-bottom: 50px;\n  }\n\n  .blog-box {\n    margin-bottom: 50px;\n  }\n\n  .footer-copy {\n    text-align: center;\n  }\n\n  .footer-copy:before {\n    display: none;\n  }\n\n  .project-content {\n    text-align: center;\n    padding: 50px 0px;\n    position: relative;\n  }\n\n  .about-block {\n    margin-top: 30px;\n  }\n\n  .banner-content p {\n    padding-right: 0px;\n  }\n\n  .pricing-box {\n    margin-top: 30px;\n  }\n\n  .main-navigation.menu-2 {\n    margin-top: 20px;\n    position: absolute;\n    width: 100%;\n  }\n\n\n  .banner-content p {\n    padding-right: 0px;\n  }\n\n  .pricing-box {\n    margin-top: 30px;\n  }\n\n\n  .main-navigation.menu-2 {\n    margin-top: 20px;\n    position: absolute;\n    width: 100%;\n  }\n\n  .banner-contact-form {\n    padding: 45px 15px;\n  }\n\n  .web-service-block {\n    margin-bottom: 30px;\n  }\n\n\n  .img-icon-block:before {\n    right: auto;\n  }\n\n  #feature {\n    padding-bottom: 0px;\n  }\n\n  .page-banner-area {\n    padding: 160px 0px 110px;\n  }\n\n  #pricing-2 {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  .info-block-2 {\n    margin-right: 35px;\n    margin-bottom: 40px;\n  }\n\n  #map {\n    margin-top: 40px;\n  }\n\n  .contact-info-block {\n    margin-bottom: 25px;\n  }\n\n  #work-wrap p.lead {\n    margin-bottom: 40px;\n  }\n\n  .navbar-toggler:focus {\n    outline: none;\n  }\n}\n\n\n/* Custom, iPhone Retina */\n// @media (min-width : 320px) and (max-width: 478px)  {\n@include mobile {\n  .bg-light {\n    background: transparent !important;\n  }\n\n  .main-navigation {\n    margin-top: 40px;\n  }\n\n  a.navbar-brand h4 {\n    color: $light;\n  }\n\n  .top-info-block {\n    text-align: center;\n    margin: 10px 0px;\n    clear: both;\n  }\n\n  .icon-block {\n    margin-right: 0px;\n    margin-bottom: 10px;\n  }\n\n  .main-navigation {\n    margin-top: 20px;\n  }\n\n  .main-nav .navbar-brand h4 {\n    color: $light;\n    margin-top: 10px;\n  }\n\n  .section-title {\n    font-size: 22px;\n  }\n\n  .banner-contact-form {\n    padding: 45px 15px !important;\n  }\n\n  .feature-block {\n    margin-bottom: 80px;\n  }\n\n  .service-img {\n    margin-bottom: 0px;\n  }\n\n  .service-content {\n    padding-bottom: 70px;\n  }\n\n  .process-block,\n  .pricing-block {\n    margin-bottom: 40px;\n  }\n\n  .pricing-block.zoom-in {\n    -webkit-transform: none;\n    -ms-transform: none;\n    -o-transform: none;\n    transform: none;\n  }\n\n  .section-heading {\n    margin-bottom: 30px;\n  }\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\n  .project-content-block h4 {\n    font-size: 14px;\n  }\n\n  .testimonial-heading {\n    margin-bottom: 50px;\n  }\n\n  .blog-box {\n    margin-bottom: 50px;\n  }\n\n  .footer-copy {\n    text-align: center;\n  }\n\n  .footer-copy:before {\n    display: none;\n  }\n\n\n  .about-block {\n    margin-top: 30px;\n  }\n\n\n  .banner-content .display-4 {\n    font-size: 28px;\n    line-height: 38px;\n  }\n\n  .banner-content p {\n    padding-right: 0px;\n  }\n\n  .pricing-box {\n    margin-top: 30px;\n  }\n\n\n  .main-navigation.menu-2 {\n    margin-top: 20px;\n    position: absolute;\n    width: 100%;\n  }\n\n  .navbar-collapse.collapse.show {\n    padding-bottom: 30px;\n    background: #21c87a;\n  }\n\n  .web-service-block {\n    margin-bottom: 30px;\n  }\n\n\n  .section {\n    padding: 60px 0px;\n  }\n\n  .section-bottom {\n    padding-bottom: 60px;\n  }\n\n  .section-top {\n    padding-top: 60px;\n  }\n\n\n\n  .main-banner h1.display-4 {\n    line-height: 42px;\n    font-size: 30px;\n  }\n\n  #projects {\n    margin-top: 60px;\n  }\n\n  .img-icon-block:before {\n    right: auto;\n  }\n\n  #feature {\n    padding-bottom: 0px;\n  }\n\n  .page-banner-area {\n    padding: 160px 0px 110px;\n  }\n\n  .display-4 {\n    font-size: 30px;\n  }\n\n  .info-block-2 {\n    margin-right: 35px;\n    margin-bottom: 40px;\n  }\n\n  #map {\n    margin-top: 40px;\n  }\n\n  .contact-info-block {\n    margin-bottom: 25px;\n  }\n\n  #work-wrap p.lead {\n    margin-bottom: 40px;\n  }\n\n  .navbar-toggler:focus {\n    outline: none;\n  }\n}"]}