artcraft/css/maps/style.css.map

{"version":3,"sources":["_typography.scss","_variables.scss","_mixins.scss","_common.scss","style.css","_backgrounds.scss","templates/_header.scss","templates/_navigation.scss","templates/_hero-area.scss","templates/_about_us.scss","templates/_call-to-action.scss","templates/_contact.scss","templates/_counter.scss","templates/_pricing.scss","templates/_portfolio.scss","templates/_services.scss","templates/_skills.scss","templates/_team.scss","templates/_testimonials.scss","templates/_blog.scss","templates/_single-post.scss","templates/_footer.scss","templates/_404.scss"],"names":[],"mappings":"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","file":"../style.css","sourcesContent":["@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700');\r\nbody {\r\n  line-height: 1.4;\r\n  font-family: $primary-font;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\np {\r\n  font-family: $primary-font;\r\n  color: #9a9a9a;\r\n  font-size:15px;\r\n}\r\nh1,h2,h3,h4,h5,h6 {\r\n\tfont-family: $secondary-font;\r\n\tfont-weight: 600;\r\n}","\r\n// Variables\r\n$light: #fff;\r\n$primary-color: #f0326b;\r\n$black: #000;\r\n$white: $light;\r\n$primary-font:'Titillium Web', sans-serif;;\r\n$icon-font: 'themefisher-font';\r\n$secondary-font: $primary-font;","// Transition\r\n@mixin transition($what: all, $time: 0.2s, $how: ease-in-out) {\r\n    -webkit-transition: $what $time $how;\r\n    -moz-transition:    $what $time $how;\r\n    -ms-transition:     $what $time $how;\r\n    -o-transition:      $what $time $how;\r\n    transition:         $what $time $how;\r\n}\r\n\r\n// Transform\r\n@mixin transform($transforms) {\r\n\t   -moz-transform: $transforms;\r\n\t     -o-transform: $transforms;\r\n\t    -ms-transform: $transforms;\r\n\t-webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n\t @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n\t     -o-transform-origin: $origin;\r\n\t    -ms-transform-origin: $origin;\r\n\t-webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n\r\n\r\n/*=== 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{\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\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.no-padding {\r\n  padding:0!important;\r\n}\r\n.inline-block {\r\n  display: inline-block;\r\n}\r\n\r\nol, ul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\nfigure {\r\n  margin: 0;\r\n}\r\n\r\na {\r\n  transition: all .3s ease-in 0s;\r\n}\r\n\r\niframe {\r\n  border: 0;\r\n}\r\n\r\na, a:focus, a:hover {\r\n  text-decoration: none;\r\n  outline: 0;\r\n}\r\n\r\na:focus, a:hover {\r\n  color: $primary-color;\r\n}\r\n\r\n.btn-main {\r\n  background-color: #21D6BF;\r\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\r\n  color: $light;\r\n  display: inline-block;\r\n  font-size: 14px;\r\n  letter-spacing: 1px;\r\n  padding: 10px 40px;\r\n  text-transform: uppercase;\r\n  border:1px solid transparent;\r\n  border-radius:2px;\r\n  &:hover {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n.btn-main-sm {\r\n  @extend .btn-main;\r\n  padding:8px 20px;\r\n  font-size:12px;\r\n}\r\n.btn-transparent {\r\n  color: $light;\r\n  border:1px solid $light;\r\n  display: inline-block;\r\n  font-size: 13px;\r\n  letter-spacing: 1px;\r\n  padding: 10px 40px;\r\n  text-transform: uppercase;\r\n  &:hover {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n\r\n.mt-10 {\r\n  margin-top: 10px;\r\n}\r\n.mt-20 {\r\n  margin-top: 20px;\r\n}\r\n.mt-30 {\r\n  margin-top: 30px;\r\n}\r\n.mt-40 {\r\n  margin-top: 40px;\r\n}\r\n.mt-50 {\r\n  margin-top: 50px;\r\n}\r\n\r\n\r\n.btn:focus {\r\n  color: #ddd;\r\n}\r\n#home {\r\n  position: relative;\r\n}\r\n\r\n.section {\r\n  padding:100px 0;\r\n  @include mobile {\r\n    padding:40px 0;\r\n  }\r\n}\r\n.padding-0 {\r\n  padding:0;\r\n  @include tablet {\r\n    padding:0 15px;\r\n  }\r\n}\r\n.section-sm {\r\n  padding: 70px 0;\r\n}\r\n.section-xs {\r\n  padding: 40px 0;\r\n}\r\n\r\n.btn.active:focus, .btn:active:focus, .btn:focus {\r\n  outline: 0;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n#preloader {\r\n  background: $primary-color;\r\n  height: 100%;\r\n  opacity: 1;\r\n  filter: alpha(opacity=100);\r\n  position: fixed;\r\n  text-align: center;\r\n  width: 100%;\r\n  z-index: 99;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\r\n.preloader {\r\n  margin: 100px auto;\r\n  width: 40px;\r\n  height: 40px;\r\n  position: relative;\r\n}\r\n.preloader .sk-child {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n}\r\n.preloader .sk-child:before {\r\n  content: '';\r\n  display: block;\r\n  margin: 0 auto;\r\n  width: 15%;\r\n  height: 15%;\r\n  background-color: $white;\r\n  border-radius: 100%;\r\n  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;\r\n          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;\r\n}\r\n.preloader .sk-circle2 {\r\n  -webkit-transform: rotate(30deg);\r\n      -ms-transform: rotate(30deg);\r\n          transform: rotate(30deg); }\r\n.preloader .sk-circle3 {\r\n  -webkit-transform: rotate(60deg);\r\n      -ms-transform: rotate(60deg);\r\n          transform: rotate(60deg); }\r\n.preloader .sk-circle4 {\r\n  -webkit-transform: rotate(90deg);\r\n      -ms-transform: rotate(90deg);\r\n          transform: rotate(90deg); }\r\n.preloader .sk-circle5 {\r\n  -webkit-transform: rotate(120deg);\r\n      -ms-transform: rotate(120deg);\r\n          transform: rotate(120deg); }\r\n.preloader .sk-circle6 {\r\n  -webkit-transform: rotate(150deg);\r\n      -ms-transform: rotate(150deg);\r\n          transform: rotate(150deg); }\r\n.preloader .sk-circle7 {\r\n  -webkit-transform: rotate(180deg);\r\n      -ms-transform: rotate(180deg);\r\n          transform: rotate(180deg); }\r\n.preloader .sk-circle8 {\r\n  -webkit-transform: rotate(210deg);\r\n      -ms-transform: rotate(210deg);\r\n          transform: rotate(210deg); }\r\n.preloader .sk-circle9 {\r\n  -webkit-transform: rotate(240deg);\r\n      -ms-transform: rotate(240deg);\r\n          transform: rotate(240deg); }\r\n.preloader .sk-circle10 {\r\n  -webkit-transform: rotate(270deg);\r\n      -ms-transform: rotate(270deg);\r\n          transform: rotate(270deg); }\r\n.preloader .sk-circle11 {\r\n  -webkit-transform: rotate(300deg);\r\n      -ms-transform: rotate(300deg);\r\n          transform: rotate(300deg); }\r\n.preloader .sk-circle12 {\r\n  -webkit-transform: rotate(330deg);\r\n      -ms-transform: rotate(330deg);\r\n          transform: rotate(330deg); }\r\n.preloader .sk-circle2:before {\r\n  -webkit-animation-delay: -1.1s;\r\n          animation-delay: -1.1s; }\r\n.preloader .sk-circle3:before {\r\n  -webkit-animation-delay: -1s;\r\n          animation-delay: -1s; }\r\n.preloader .sk-circle4:before {\r\n  -webkit-animation-delay: -0.9s;\r\n          animation-delay: -0.9s; }\r\n.preloader .sk-circle5:before {\r\n  -webkit-animation-delay: -0.8s;\r\n          animation-delay: -0.8s; }\r\n.preloader .sk-circle6:before {\r\n  -webkit-animation-delay: -0.7s;\r\n          animation-delay: -0.7s; }\r\n.preloader .sk-circle7:before {\r\n  -webkit-animation-delay: -0.6s;\r\n          animation-delay: -0.6s; }\r\n.preloader .sk-circle8:before {\r\n  -webkit-animation-delay: -0.5s;\r\n          animation-delay: -0.5s; }\r\n.preloader .sk-circle9:before {\r\n  -webkit-animation-delay: -0.4s;\r\n          animation-delay: -0.4s; }\r\n.preloader .sk-circle10:before {\r\n  -webkit-animation-delay: -0.3s;\r\n          animation-delay: -0.3s; }\r\n.preloader .sk-circle11:before {\r\n  -webkit-animation-delay: -0.2s;\r\n          animation-delay: -0.2s; }\r\n.preloader .sk-circle12:before {\r\n  -webkit-animation-delay: -0.1s;\r\n          animation-delay: -0.1s; }\r\n\r\n@-webkit-keyframes sk-circleBounceDelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  } 40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes sk-circleBounceDelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  } 40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n\r\n// Common Styles\r\n.title {\r\n  padding-bottom: 50px;\r\n  text-align: center;\r\n  h2 {\r\n    font-size: 35px;\r\n    color: #232323;\r\n    text-transform: capitalize;\r\n    margin-bottom:8px;\r\n    font-weight: 700;\r\n  }\r\n  h4 {\r\n    font-size: 10px;\r\n    line-height: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 3.3px;\r\n    text-transform: uppercase;\r\n  }\r\n  p {\r\n    color: #848484;\r\n    width: 50%;\r\n    margin:0 auto;\r\n    @include mobile {\r\n      width: 80%;\r\n    }\r\n    @include tablet {\r\n      width: 80%;\r\n    }\r\n  }\r\n  .border {\r\n    border:none;\r\n    display: inline-block;\r\n    border-radius: 3px;\r\n    height: 6px;\r\n    position: relative;\r\n    width: 90px;\r\n    @extend .gradient;\r\n    margin-bottom:10px;\r\n  }\r\n}\r\n\r\n.bg-gray {\r\n  background: #f9f9f9;\r\n}\r\n.color-gray {\r\n  color:#777;\r\n}\r\n\r\n.shadow {\r\n  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.34);\r\n}\r\n\r\n.gradient {\r\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\r\n}\r\n\r\n.header-bradcrumb {\r\n  background: transparent;\r\n  a , .active {\r\n    color:#cfcfcf;\r\n    font-weight: 200;\r\n    font-family: $primary-font;\r\n  }\r\n  a:hover {\r\n    color: $primary-color;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.slick-slide {\r\n  outline: none;\r\n}\r\n\r\n.commonTab {\r\n  .nav-tabs {\r\n    border:1px solid transparent;\r\n    text-align: center;\r\n    .nav-item {\r\n      margin:0 3px;\r\n        .nav-link {\r\n          background: #f9f9f9;\r\n          color:#666;\r\n          text-transform: capitalize;\r\n          border-radius:0;\r\n          &.active {\r\n            border:1px solid $primary-color;\r\n            background: $primary-color;\r\n            color:$white;\r\n          } \r\n          &:hover {\r\n            border:1px solid $primary-color;\r\n            border-radius:0;\r\n            background:$primary-color;\r\n            color:$white;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .tab-content {\r\n      padding-top:30px;\r\n    }\r\n  }\r\n\r\n\r\n\r\n","@import url(\"https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700\");\nbody {\n  line-height: 1.4;\n  font-family: \"Titillium Web\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  font-family: \"Titillium Web\", sans-serif;\n  color: #9a9a9a;\n  font-size: 15px;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Titillium Web\", sans-serif;\n  font-weight: 600;\n}\n\n/*=== MEDIA QUERY ===*/\n.no-padding {\n  padding: 0 !important;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\nol, ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\nfigure {\n  margin: 0;\n}\n\na {\n  transition: all .3s ease-in 0s;\n}\n\niframe {\n  border: 0;\n}\n\na, a:focus, a:hover {\n  text-decoration: none;\n  outline: 0;\n}\n\na:focus, a:hover {\n  color: #f0326b;\n}\n\n.btn-main, .btn-main-sm {\n  background-color: #21D6BF;\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\n  color: #fff;\n  display: inline-block;\n  font-size: 14px;\n  letter-spacing: 1px;\n  padding: 10px 40px;\n  text-transform: uppercase;\n  border: 1px solid transparent;\n  border-radius: 2px;\n}\n\n.btn-main:hover, .btn-main-sm:hover {\n  color: #fff;\n}\n\n.btn-main-sm {\n  padding: 8px 20px;\n  font-size: 12px;\n}\n\n.btn-transparent {\n  color: #fff;\n  border: 1px solid #fff;\n  display: inline-block;\n  font-size: 13px;\n  letter-spacing: 1px;\n  padding: 10px 40px;\n  text-transform: uppercase;\n}\n\n.btn-transparent:hover {\n  color: #fff;\n}\n\n.mt-10 {\n  margin-top: 10px;\n}\n\n.mt-20 {\n  margin-top: 20px;\n}\n\n.mt-30 {\n  margin-top: 30px;\n}\n\n.mt-40 {\n  margin-top: 40px;\n}\n\n.mt-50 {\n  margin-top: 50px;\n}\n\n.btn:focus {\n  color: #ddd;\n}\n\n#home {\n  position: relative;\n}\n\n.section {\n  padding: 100px 0;\n}\n\n@media (max-width: 480px) {\n  .section {\n    padding: 40px 0;\n  }\n}\n\n.padding-0 {\n  padding: 0;\n}\n\n@media (max-width: 768px) {\n  .padding-0 {\n    padding: 0 15px;\n  }\n}\n\n.section-sm {\n  padding: 70px 0;\n}\n\n.section-xs {\n  padding: 40px 0;\n}\n\n.btn.active:focus, .btn:active:focus, .btn:focus {\n  outline: 0;\n}\n\n#preloader {\n  background: #f0326b;\n  height: 100%;\n  opacity: 1;\n  filter: alpha(opacity=100);\n  position: fixed;\n  text-align: center;\n  width: 100%;\n  z-index: 99;\n  display: flex;\n  align-items: center;\n}\n\n.preloader {\n  margin: 100px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n}\n\n.preloader .sk-child {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.preloader .sk-child:before {\n  content: '';\n  display: block;\n  margin: 0 auto;\n  width: 15%;\n  height: 15%;\n  background-color: #fff;\n  border-radius: 100%;\n  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;\n  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;\n}\n\n.preloader .sk-circle2 {\n  -webkit-transform: rotate(30deg);\n  -ms-transform: rotate(30deg);\n  transform: rotate(30deg);\n}\n\n.preloader .sk-circle3 {\n  -webkit-transform: rotate(60deg);\n  -ms-transform: rotate(60deg);\n  transform: rotate(60deg);\n}\n\n.preloader .sk-circle4 {\n  -webkit-transform: rotate(90deg);\n  -ms-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n.preloader .sk-circle5 {\n  -webkit-transform: rotate(120deg);\n  -ms-transform: rotate(120deg);\n  transform: rotate(120deg);\n}\n\n.preloader .sk-circle6 {\n  -webkit-transform: rotate(150deg);\n  -ms-transform: rotate(150deg);\n  transform: rotate(150deg);\n}\n\n.preloader .sk-circle7 {\n  -webkit-transform: rotate(180deg);\n  -ms-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n.preloader .sk-circle8 {\n  -webkit-transform: rotate(210deg);\n  -ms-transform: rotate(210deg);\n  transform: rotate(210deg);\n}\n\n.preloader .sk-circle9 {\n  -webkit-transform: rotate(240deg);\n  -ms-transform: rotate(240deg);\n  transform: rotate(240deg);\n}\n\n.preloader .sk-circle10 {\n  -webkit-transform: rotate(270deg);\n  -ms-transform: rotate(270deg);\n  transform: rotate(270deg);\n}\n\n.preloader .sk-circle11 {\n  -webkit-transform: rotate(300deg);\n  -ms-transform: rotate(300deg);\n  transform: rotate(300deg);\n}\n\n.preloader .sk-circle12 {\n  -webkit-transform: rotate(330deg);\n  -ms-transform: rotate(330deg);\n  transform: rotate(330deg);\n}\n\n.preloader .sk-circle2:before {\n  -webkit-animation-delay: -1.1s;\n  animation-delay: -1.1s;\n}\n\n.preloader .sk-circle3:before {\n  -webkit-animation-delay: -1s;\n  animation-delay: -1s;\n}\n\n.preloader .sk-circle4:before {\n  -webkit-animation-delay: -0.9s;\n  animation-delay: -0.9s;\n}\n\n.preloader .sk-circle5:before {\n  -webkit-animation-delay: -0.8s;\n  animation-delay: -0.8s;\n}\n\n.preloader .sk-circle6:before {\n  -webkit-animation-delay: -0.7s;\n  animation-delay: -0.7s;\n}\n\n.preloader .sk-circle7:before {\n  -webkit-animation-delay: -0.6s;\n  animation-delay: -0.6s;\n}\n\n.preloader .sk-circle8:before {\n  -webkit-animation-delay: -0.5s;\n  animation-delay: -0.5s;\n}\n\n.preloader .sk-circle9:before {\n  -webkit-animation-delay: -0.4s;\n  animation-delay: -0.4s;\n}\n\n.preloader .sk-circle10:before {\n  -webkit-animation-delay: -0.3s;\n  animation-delay: -0.3s;\n}\n\n.preloader .sk-circle11:before {\n  -webkit-animation-delay: -0.2s;\n  animation-delay: -0.2s;\n}\n\n.preloader .sk-circle12:before {\n  -webkit-animation-delay: -0.1s;\n  animation-delay: -0.1s;\n}\n\n@-webkit-keyframes sk-circleBounceDelay {\n  0%, 80%, 100% {\n    -webkit-transform: scale(0);\n    transform: scale(0);\n  }\n  40% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n\n@keyframes sk-circleBounceDelay {\n  0%, 80%, 100% {\n    -webkit-transform: scale(0);\n    transform: scale(0);\n  }\n  40% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n\n.title {\n  padding-bottom: 50px;\n  text-align: center;\n}\n\n.title h2 {\n  font-size: 35px;\n  color: #232323;\n  text-transform: capitalize;\n  margin-bottom: 8px;\n  font-weight: 700;\n}\n\n.title h4 {\n  font-size: 10px;\n  line-height: 10px;\n  font-weight: 700;\n  letter-spacing: 3.3px;\n  text-transform: uppercase;\n}\n\n.title p {\n  color: #848484;\n  width: 50%;\n  margin: 0 auto;\n}\n\n@media (max-width: 480px) {\n  .title p {\n    width: 80%;\n  }\n}\n\n@media (max-width: 768px) {\n  .title p {\n    width: 80%;\n  }\n}\n\n.title .border {\n  border: none;\n  display: inline-block;\n  border-radius: 3px;\n  height: 6px;\n  position: relative;\n  width: 90px;\n  margin-bottom: 10px;\n}\n\n.bg-gray {\n  background: #f9f9f9;\n}\n\n.color-gray {\n  color: #777;\n}\n\n.shadow {\n  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.34);\n}\n\n.gradient, .title .border, .service-2 .service-item i {\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\n}\n\n.header-bradcrumb {\n  background: transparent;\n}\n\n.header-bradcrumb a, .header-bradcrumb .active {\n  color: #cfcfcf;\n  font-weight: 200;\n  font-family: \"Titillium Web\", sans-serif;\n}\n\n.header-bradcrumb a:hover {\n  color: #f0326b;\n}\n\n.slick-slide {\n  outline: none;\n}\n\n.commonTab .nav-tabs {\n  border: 1px solid transparent;\n  text-align: center;\n}\n\n.commonTab .nav-tabs .nav-item {\n  margin: 0 3px;\n}\n\n.commonTab .nav-tabs .nav-item .nav-link {\n  background: #f9f9f9;\n  color: #666;\n  text-transform: capitalize;\n  border-radius: 0;\n}\n\n.commonTab .nav-tabs .nav-item .nav-link.active {\n  border: 1px solid #f0326b;\n  background: #f0326b;\n  color: #fff;\n}\n\n.commonTab .nav-tabs .nav-item .nav-link:hover {\n  border: 1px solid #f0326b;\n  border-radius: 0;\n  background: #f0326b;\n  color: #fff;\n}\n\n.commonTab .tab-content {\n  padding-top: 30px;\n}\n\n.bg-pricing {\n  background: url(\"../images/pricing-bg.jpg\");\n  background-size: cover;\n}\n\n.single-page-header {\n  background: #1f2532;\n  padding: 50px 0;\n  text-align: center;\n  color: #fff;\n  position: relative;\n}\n\n.single-page-header .breadcrumb {\n  background: transparent;\n  display: inline-block;\n}\n\n.single-page-header .breadcrumb li {\n  display: inline-block;\n}\n\n.single-page-header .breadcrumb li a {\n  color: #f0326b;\n}\n\n.navigation {\n  transition: .3s all;\n  background: #1f2532;\n}\n\n.navigation .navbar-nav > li.active a {\n  color: #fff;\n}\n\n.navigation .navbar-nav > li > a {\n  color: #707d8f;\n  font-size: 15px;\n  line-height: 26px;\n  padding: 20px 15px !important;\n  transition: .2s ease-in-out 0s;\n}\n\n@media (max-width: 480px) {\n  .navigation .navbar-nav > li > a {\n    padding: 8px 0 !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .navigation .navbar-nav > li > a {\n    padding: 8px 0 !important;\n  }\n}\n\n.navigation .navbar-nav > li > a:hover, .navigation .navbar-nav > li > a:active, .navigation .navbar-nav > li > a:focus {\n  background: none;\n  color: #f0326b;\n}\n\n.navigation .navbar-toggler {\n  color: #fff;\n  font-size: 30px;\n  cursor: pointer;\n  outline: none;\n}\n\n.navigation .nav .open > a {\n  background: none;\n}\n\n.navigation .dropdown {\n  padding: 0;\n}\n\n.navigation .dropdown .dropdown-item {\n  padding: 8px 15px;\n  color: #fff;\n  font-size: 13px;\n}\n\n.navigation .dropdown .dropdown-item:hover {\n  background: transparent;\n  color: #f0326b;\n}\n\n.navigation .dropdown .dropdown-menu {\n  border-radius: 0;\n  transform-origin: top;\n  animation-fill-mode: forwards;\n  transform: scale(1, 0);\n  background-color: #000;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s;\n  transition: transform 0.3s,opacity 0.3s ease-in-out;\n  transition: transform 0.3s,opacity 0.3s ease-in-out,-webkit-transform 0.3s;\n}\n\n.navigation .dropdown:hover .dropdown-menu {\n  transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s;\n  transition: transform 0.3s,opacity 0.3s ease-in-out;\n  transition: transform 0.3s,opacity 0.3s ease-in-out,-webkit-transform 0.3s;\n  transform: scale(1, 1);\n  opacity: 1;\n}\n\n.navbar-brand {\n  height: auto;\n  padding: 8px 0;\n}\n\n.navbar-brand h1 {\n  margin: 0;\n}\n\n.hero-area {\n  padding: 150px 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #1f2532;\n}\n\n@media (max-width: 480px) {\n  .hero-area {\n    padding: 80px 0;\n  }\n}\n\n.hero-area .block {\n  color: #fff;\n  padding-left: 30px;\n}\n\n@media (max-width: 480px) {\n  .hero-area .block {\n    padding: 0;\n  }\n}\n\n.hero-area .block h2 {\n  font-size: 48px;\n  margin-bottom: 20px;\n}\n\n.hero-area .block p {\n  color: #707d8f;\n  margin-bottom: 20px;\n}\n\n.hero-area .block .list-inline {\n  margin-top: 50px;\n}\n\n.hero-area .block .btn-main, .hero-area .block .btn-main-sm {\n  margin-right: 8px;\n}\n\n.video-player iframe {\n  width: 100%;\n  height: 100%;\n}\n\n.video-player .play-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n}\n\n.video-player .play-icon:hover i {\n  transform: scale(1.1);\n}\n\n.video-player .play-icon i {\n  margin-left: 3px;\n  height: 80px;\n  width: 80px;\n  border-radius: 50px;\n  transition: -webkit-transform 300ms ease;\n  transition: transform 300ms ease;\n  transition: transform 300ms ease, -webkit-transform 300ms ease;\n  background: #fff;\n  color: #f0326b;\n  line-height: 80px;\n  font-size: 30px;\n  margin-left: 5px;\n}\n\n.hero-area-video {\n  height: 100vh;\n  position: inherit !important;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.hero-area-video .block {\n  color: #fff;\n  text-align: center;\n}\n\n.hero-area-video .block h1 {\n  font-size: 60px;\n  font-weight: 700;\n  margin-bottom: 20px;\n}\n\n.hero-area-video .block p {\n  color: #fff;\n  text-transform: uppercase;\n  font-size: 12px;\n  letter-spacing: 3px;\n  margin-bottom: 20px;\n}\n\n.hero-area-video .block .btn-main, .hero-area-video .block .btn-main-sm {\n  margin-top: 20px;\n}\n\n.dark-bg {\n  background: rgba(0, 0, 0, 0.7);\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  z-index: -1;\n}\n\n/*=================================================================\r\n  About us section\r\n==================================================================*/\n.about {\n  background: #fff;\n}\n\n.about h2 {\n  font-size: 40px;\n  font-weight: bold;\n  margin-top: 0;\n}\n\n@media (max-width: 992px) {\n  .about h2 {\n    font-size: 25px;\n  }\n}\n\n.about h4 {\n  font-size: 14px;\n  color: #f0326b;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.about p {\n  line-height: 1.6;\n  margin-top: 20px;\n}\n\n.about .content {\n  padding: 50px 0;\n}\n\n@media (max-width: 992px) {\n  .about .content {\n    padding: 5px 0;\n  }\n}\n\n/*=================================================================\r\n  About us 2 section\r\n==================================================================*/\n.about-2 {\n  background: #F7F7F7;\n}\n\n.about-2 h2 {\n  position: relative;\n}\n\n.about-2 h2:before {\n  position: absolute;\n  left: -15%;\n  top: 18px;\n  content: '';\n  display: inline-block;\n  width: 12%;\n  height: 3px;\n  background-color: #ffa535;\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\n  background-image: linear-gradient(100deg, #f9643d, #fe2a77);\n}\n\n@media (max-width: 768px) {\n  .about-2 h2:before {\n    display: none;\n  }\n}\n\n/*=================================================================\r\n Call To Action 1\r\n==================================================================*/\n.call-to-action {\n  padding: 100px 0;\n  background: url(\"../images/call-to-action/call-to-action-bg-2.jpg\");\n  background-size: cover;\n  color: #fff;\n}\n\n.call-to-action h2 {\n  line-height: 1.5;\n}\n\n.call-to-action p {\n  color: #fff;\n}\n\n.call-to-action .btn-main, .call-to-action .btn-main-sm {\n  margin-top: 20px;\n}\n\n/*=================================================================\r\n Call To Action 2\r\n==================================================================*/\n.call-to-action-2 {\n  padding: 100px 0;\n  background-image: url(\"../images/call-to-action/call-to-action-bg.jpg\");\n  background-size: cover;\n  color: #fff;\n}\n\n.call-to-action-2 h2 {\n  line-height: 1.5;\n}\n\n.call-to-action-2 p {\n  color: #fff;\n}\n\n.call-to-action-2 .btn-main, .call-to-action-2 .btn-main-sm {\n  margin-top: 20px;\n}\n\n/*=================================================================\r\n  Contact\r\n  ==================================================================*/\n.contact-form {\n  margin-bottom: 40px;\n}\n\n@media (max-width: 768px) {\n  .contact-form {\n    margin-top: 20px;\n  }\n}\n\n.contact-form .form-control {\n  background-color: transparent;\n  border: 1px solid #dedede;\n  box-shadow: none;\n  height: 45px !important;\n  color: #0c0c0c;\n  height: 38px;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 14px;\n  border-radius: 3px;\n}\n\n.contact-form input:hover,\n.contact-form textarea:hover,\n.contact-form #contact-submit:hover {\n  border-color: #f0326b;\n}\n\n.contact-form #contact-submit {\n  border: none;\n  padding: 15px 0;\n  width: 100%;\n  margin: 0;\n  background: #f0326b;\n  color: #fff;\n  border-radius: 0;\n  cursor: pointer;\n}\n\n.contact-form textarea.form-control {\n  padding: 10px;\n  height: 120px !important;\n  outline: none;\n}\n\n.contact-details .contact-short-info {\n  margin-top: 15px;\n}\n\n.contact-details .contact-short-info li {\n  margin-bottom: 6px;\n}\n\n.social-icon li {\n  display: inline-block;\n  margin-right: 10px;\n}\n\n.social-icon li a {\n  display: block;\n  height: 30px;\n  width: 30px;\n  text-align: center;\n  color: #f0326b;\n}\n\n.social-icon li a i {\n  display: inline-block;\n  font-size: 20px;\n  line-height: 50px;\n  margin: 0;\n}\n\n.error {\n  display: none;\n  padding: 10px;\n  color: #D8000C;\n  border-radius: 4px;\n  font-size: 13px;\n  background-color: #FFBABA;\n}\n\n.success {\n  background-color: #6cb670;\n  border-radius: 4px;\n  color: #fff;\n  display: none;\n  font-size: 13px;\n  padding: 10px;\n}\n\n.map {\n  position: relative;\n}\n\n.map #map {\n  height: 400px;\n  color: white;\n}\n\n.contact-meta-block {\n  margin-top: 30px;\n  padding: 40px 0;\n  min-height: 250px;\n  text-align: center;\n  background: #fff;\n  border-radius: 3px;\n  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);\n}\n\n.contact-meta-block > i {\n  display: block;\n  font-size: 50px;\n  margin-bottom: 20px;\n}\n\n/*=================================================================\r\n  Item counter section\r\n==================================================================*/\n.counters-item {\n  padding-bottom: 30px;\n  color: #444;\n  position: relative;\n}\n\n.counters-item.kill-border:before {\n  background: none;\n}\n\n.counters-item:before {\n  background: #e5e5e5;\n  content: \"\";\n  margin-top: -27.5px;\n  height: 55px;\n  width: 1px;\n  position: absolute;\n  right: -15px;\n  top: 50%;\n}\n\n.counters-item > div {\n  margin: 6px 0;\n}\n\n.counters-item span {\n  display: inline;\n  font-size: 35px;\n  font-weight: 700;\n  line-height: 50px;\n}\n\n.counters-item i {\n  font-size: 40px;\n  display: inline-block;\n  color: #f0326b;\n}\n\n.counters-item h3 {\n  font-size: 18px;\n  margin: 0;\n  color: #666;\n}\n\n/*=================================================================\r\n  Pricing section\r\n==================================================================*/\n.pricing-table .pricing-item {\n  margin-bottom: 15px;\n  border-radius: 3px;\n  padding-bottom: 40px;\n  text-align: center;\n  background: #f9f9f9;\n}\n\n.pricing-table .pricing-item a.btn-main, .pricing-table .pricing-item a.btn-main-sm {\n  text-transform: uppercase;\n  margin-top: 20px;\n}\n\n.pricing-table .pricing-item ul {\n  padding: 20px 0 10px;\n}\n\n.pricing-table .pricing-item li {\n  font-weight: 400;\n  padding: 10px 0;\n  color: #666;\n}\n\n.pricing-table .pricing-item li i {\n  margin-right: 6px;\n}\n\n.pricing-table .price-title {\n  padding: 30px 0 20px;\n  text-align: center;\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  color: #fff;\n}\n\n.pricing-table .price-title > h3 {\n  color: #fff;\n  font-weight: 700;\n  margin: 0 0 5px;\n  font-size: 15px;\n  text-transform: uppercase;\n}\n\n.pricing-table .price-title > p {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 18px;\n  margin-top: 5px;\n  width: 60%;\n  margin: 0 auto;\n}\n\n.pricing-table .price-title .value {\n  font-size: 50px;\n  padding: 10px 0;\n}\n\n/*=================================================================\r\n  Portfolio section\r\n==================================================================*/\n.portfolio-filter {\n  margin-bottom: 40px;\n  text-align: center;\n}\n\n.portfolio-filter button {\n  font-weight: 500;\n  cursor: pointer;\n  display: inline-block;\n  font-size: 14px;\n  margin: 0 10px;\n  padding: 8px 5px;\n  font-weight: 600;\n  text-transform: uppercase;\n  border: none;\n  color: #777;\n  outline: none;\n  background: none;\n}\n\n.portfolio-filter button:hover {\n  border-bottom: 2px solid #f0326b;\n  color: #000;\n}\n\n.portfolio-filter button.mixitup-control-active {\n  border-bottom: 2px solid #f0326b;\n  color: #000;\n}\n\n.portfolio-items-wrapper li {\n  width: 32.33%;\n}\n\n.portfolio-block {\n  position: relative;\n  transition: .3s all;\n  overflow: hidden;\n}\n\n.portfolio-block:before {\n  content: '';\n  position: absolute;\n  opacity: 0;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(240, 50, 107, 0.9);\n  transition: .3s all;\n}\n\n.portfolio-block:hover:before {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n\n.portfolio-block:hover .caption h4 {\n  transform: translate3d(0, 0, 0);\n}\n\n.portfolio-block:hover .caption {\n  opacity: 1;\n}\n\n.portfolio-block:hover .caption .search-icon {\n  opacity: 1;\n}\n\n.portfolio-block .caption {\n  position: absolute;\n  bottom: 10%;\n  left: 10%;\n  opacity: 0;\n  z-index: 9;\n  transition: all 0.3s ease-in-out;\n}\n\n.portfolio-block .caption h4 {\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.portfolio-block .caption h4 a {\n  color: #fff;\n}\n\n.portfolio-block .caption .search-icon {\n  background: #f0326b;\n  color: #fff;\n  display: inline-block;\n  padding: 4px 13px;\n  font-size: 25px;\n  border-radius: 30px;\n  opacity: 0;\n}\n\n/*=================================================================\r\n  Services section\r\n==================================================================*/\n.services .service-block {\n  padding: 30px 20px;\n}\n\n@media (max-width: 480px) {\n  .services .service-block {\n    padding: 15px;\n  }\n}\n\n.services .service-block .service-icon {\n  margin-bottom: 15px;\n}\n\n.services .service-block i {\n  font-size: 40px;\n  color: #f0326b;\n  background: linear-gradient(100deg, #f9643d, #fe2a77);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.services .service-block h3 {\n  color: #333;\n  font-size: 18px;\n}\n\n.services .service-block p {\n  color: #777;\n}\n\n/*=================================================================\r\n  Services section 2\r\n==================================================================*/\n@media (max-width: 480px) {\n  .service-2 .p-0 {\n    padding: 0 15px !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .service-2 .p-0 {\n    padding: 0 15px !important;\n  }\n}\n\n@media (max-width: 400px) {\n  .service-2 .p-0 {\n    padding: 0 15px !important;\n  }\n}\n\n.service-2 .service-item {\n  background: #fff;\n  border: 1px solid #eee;\n  padding: 50px 20px;\n  margin-right: -1px;\n  margin-bottom: -1px;\n  transition: all 0.3s ease 0s;\n}\n\n.service-2 .service-item .count {\n  font-size: 80px;\n  position: absolute;\n  top: 0;\n  left: 20px;\n  color: #f3f1f1;\n  font-weight: 700;\n}\n\n.service-2 .service-item i {\n  font-size: 30px;\n  display: inline-block;\n  border-radius: 30px;\n  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);\n  color: #fff;\n  height: 55px;\n  line-height: 55px;\n  margin-bottom: 20px;\n  width: 55px;\n  transition: all 0.3s ease 0s;\n}\n\n.service-list .block {\n  background: #f0326b;\n  color: #fff;\n  padding: 30px;\n}\n\n.service-list .block i {\n  font-size: 30px;\n}\n\n.service-list .block h3 {\n  font-size: 22px;\n  margin: 10px 0;\n}\n\n.service-list .block ul li {\n  margin-bottom: 6px;\n  color: #f9f9f9;\n}\n\n/*=================================================================\r\n  Our skills\r\n==================================================================*/\n.team-skills .progress-block {\n  margin-top: 40px;\n}\n\n.team-skills .progress-block span {\n  display: inline-block;\n  margin-bottom: 5px;\n  font-size: 14px;\n}\n\n.team-skills .progress-block .progress {\n  box-shadow: none;\n  border-radius: 0;\n  height: 10px;\n}\n\n.team-skills .progress-block .progress .progress-bar {\n  background: #f0326b;\n  box-shadow: none;\n}\n\n.clients-logo-slider {\n  margin-top: 50px;\n}\n\n/*=================================================================\r\n  Step section\r\n==================================================================*/\n.development-steps .step {\n  padding: 80px 20px;\n}\n\n.development-steps .step h4 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.development-steps .step h4 i {\n  font-size: 72px;\n  font-weight: 500;\n  margin-right: 10px;\n}\n\n.development-steps .step p {\n  color: #cccccc;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.development-steps .step-1 {\n  background-color: #f2f6f8;\n}\n\n.development-steps .step-1 h4 {\n  color: #212121;\n}\n\n.development-steps .step-1 p {\n  color: #838383;\n}\n\n.development-steps .step-2 {\n  background-color: #f0326b;\n}\n\n.development-steps .step-2 h4, .development-steps .step-2 p {\n  color: #fff;\n}\n\n.development-steps .step-3 {\n  background: #df104e;\n}\n\n.development-steps .step-3 h4, .development-steps .step-3 p {\n  color: #fff;\n}\n\n.development-steps .step-4 {\n  background: #c70f46;\n}\n\n.development-steps .step-4 h4, .development-steps .step-4 p {\n  color: #fff;\n}\n\n/*=================================================================\r\n  Our Team\r\n  ==================================================================*/\n.team-member {\n  background: #fff;\n  margin-bottom: 15px;\n}\n\n.team-member:hover img {\n  transform: scale(1.1);\n}\n\n.team-member:hover .mask {\n  opacity: 1;\n}\n\n.team-member .member-content {\n  padding: 25px 0;\n}\n\n.team-member .member-content h3 {\n  font-size: 20px;\n  margin: 0 0 5px;\n  color: #333;\n}\n\n.team-member .member-content span {\n  font-size: 14px;\n  color: #555;\n}\n\n.team-member .member-content p {\n  color: #777;\n  margin-top: 10px;\n  padding: 0 15px;\n}\n\n.team-member .member-content ul {\n  text-align: center;\n  position: relative;\n}\n\n.team-member .member-content ul li {\n  margin-right: 7px;\n}\n\n.team-member .member-content ul li a {\n  font-size: 18px;\n  padding: 10px;\n}\n\n.team-member .member-content ul li a i {\n  color: #f0326b;\n  background: linear-gradient(100deg, #f9643d, #fe2a77);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.team-member .member-content ul li a::hover {\n  background-color: #6cb670;\n  border: 1px solid transparent;\n}\n\n.team-member .member-photo {\n  overflow: hidden;\n  position: relative;\n}\n\n.team-member .member-photo img {\n  transition: all 0.6s ease 0s;\n}\n\n/*=================================================================\r\n  Testimonial section\r\n==================================================================*/\n.testimonial {\n  background: #f0326b;\n  position: relative;\n}\n\n.testimonial .item i {\n  font-size: 40px;\n  color: #fff;\n  margin-bottom: 30px;\n  display: inline-block;\n}\n\n.testimonial .item .client-details {\n  padding-bottom: 30px;\n}\n\n.testimonial .item .client-details p {\n  font-size: 17px;\n  color: #fff;\n  font-weight: 200;\n  padding: 0 10%;\n}\n\n.testimonial .item .client-meta {\n  margin-top: 8px;\n  color: #fff;\n}\n\n.testimonial .item .client-meta h4 {\n  margin-bottom: 4px;\n}\n\n.testimonial .item .client-meta span {\n  font-size: 12px;\n}\n\n.testimonial .item .client-thumb img {\n  display: inline-block;\n  border-radius: 100%;\n  width: 90px;\n  height: auto;\n}\n\n/*=================================================================\r\n  Latest Posts\r\n==================================================================*/\n.post-item {\n  background: #fff;\n  margin-bottom: 40px;\n}\n\n.post-item .post-thumb {\n  margin-right: 10px;\n}\n\n.post-item .post-thumb img {\n  height: auto;\n}\n\n.post-item .post-title {\n  margin-top: 20px;\n}\n\n.post-item .post-title h3 {\n  font-size: 23px;\n}\n\n.post-item .post-title h3 a {\n  color: #000;\n}\n\n.post-item .post-meta {\n  font-size: 14px;\n  color: #888;\n}\n\n.post-item .post-meta a {\n  color: #000;\n  margin: 3px 0;\n}\n\n.post-item .post-content p {\n  color: #757575;\n  margin: 10px 0;\n}\n\n.post-item .btn-main, .post-item .btn-main-sm {\n  font-size: 12px;\n  margin-top: 10px;\n  padding: 8px 20px;\n  margin: 15px 0;\n}\n\n/*=================================================================\r\n  Single Blog Page\r\n==================================================================*/\n#blog-banner {\n  padding-bottom: 100px;\n  padding-top: 150px;\n}\n\n#blog-page {\n  margin: 0 0 40px;\n}\n\n.post-excerpt {\n  padding: 0 20px;\n  margin-bottom: 60px;\n}\n\n.post-excerpt h3 a {\n  color: #000;\n}\n\n.post-excerpt blockquote {\n  line-height: 22px;\n  margin: 20px 0;\n  font-size: 16px;\n}\n\n.single-blog {\n  background-color: #fff;\n  margin-bottom: 50px;\n  padding: 20px;\n}\n\n.blog-subtitle {\n  font-size: 15px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #dedede;\n  margin-bottom: 25px;\n  text-transform: uppercase;\n}\n\n.next-prev {\n  border-bottom: 1px solid #dedede;\n  border-top: 1px solid #dedede;\n  margin: 20px 0;\n  padding: 25px 0;\n}\n\n.next-prev a {\n  color: #000;\n}\n\n.next-prev a:hover {\n  color: #f0326b;\n}\n\n.next-prev .prev-post i {\n  margin-right: 10px;\n}\n\n.next-prev .next-post i {\n  margin-left: 10px;\n}\n\n.social-profile ul li {\n  margin: 0 10px 0 0;\n  display: inline-block;\n}\n\n.social-profile ul li a {\n  color: #4e595f;\n  display: block;\n  font-size: 16px;\n}\n\n.social-profile ul li a i:hover {\n  color: #f0326b;\n}\n\n.comments-section {\n  margin-top: 35px;\n}\n\n.author-about {\n  margin-top: 40px;\n}\n\n.post-author {\n  margin-right: 20px;\n}\n\n.post-author > img {\n  border: 1px solid #dedede;\n  max-width: 120px;\n  padding: 5px;\n  width: 100%;\n}\n\n.comment-list ul {\n  margin-top: 20px;\n}\n\n.comment-list ul li {\n  margin-bottom: 20px;\n}\n\n.comment-wrap {\n  border: 1px solid #dedede;\n  border-radius: 1px;\n  margin-left: 20px;\n  padding: 10px;\n  position: relative;\n}\n\n.comment-wrap .author-avatar {\n  margin-right: 10px;\n}\n\n.comment-wrap .media .media-heading {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.comment-wrap .media .media-heading a {\n  color: #f0326b;\n  font-size: 13px;\n}\n\n.comment-wrap .media .comment-meta {\n  font-size: 12px;\n  color: #888;\n}\n\n.comment-wrap .media p {\n  margin-top: 15px;\n}\n\n.comment-reply-form {\n  margin-top: 80px;\n}\n\n.comment-reply-form input, .comment-reply-form textarea {\n  height: 35px;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.comment-reply-form input:focus, .comment-reply-form textarea:focus {\n  box-shadow: none;\n  border: 1px solid #f0326b;\n}\n\n.comment-reply-form textarea, .comment-reply-form .btn-main, .comment-reply-form .btn-main-sm {\n  height: auto;\n}\n\n/*=================================================================\r\n  Footer section\r\n==================================================================*/\n.top-footer {\n  background-color: #222222;\n  border-top: 1px solid #404040;\n  padding: 100px 0 80px;\n}\n\n.top-footer h3 {\n  font-size: 16px;\n  line-height: 1.5;\n  color: #fff;\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 20px;\n}\n\n.top-footer p {\n  font-size: 13px;\n  line-height: 30px;\n  color: #bdbdbd;\n  font-weight: 300;\n  padding-right: 20px;\n}\n\n.top-footer li a {\n  font-size: 13px;\n  line-height: 30px;\n  color: #bdbdbd;\n  font-weight: 300;\n  letter-spacing: 1px;\n  text-transform: capitalize;\n  transition: color .3s;\n  font-family: \"Titillium Web\", sans-serif;\n  display: block;\n}\n\n.top-footer li a:hover {\n  color: #f0326b;\n}\n\n.footer-bottom {\n  text-align: center;\n  background-color: #1b1b1b;\n  border-top: 1px solid #2c2c2c;\n  padding: 30px 0;\n}\n\n.footer-bottom h5 {\n  font-size: 12px;\n  line-height: 1;\n  color: #888888;\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-top: 7px;\n  margin-bottom: 3px;\n}\n\n.footer-bottom h6 {\n  font-size: 11px;\n  line-height: 15px;\n  color: #888888;\n  font-weight: 400;\n  text-transform: capitalize;\n  letter-spacing: 2px;\n  margin-bottom: 0;\n}\n\n.footer-bottom p {\n  color: #656565;\n}\n\n.footer-bottom a {\n  color: #f0326b;\n}\n\n.subscribe-form .form-control {\n  border-radius: 0;\n}\n\n.page-404 {\n  height: 100vh;\n}\n\n.page-404 h1 {\n  font-size: 200px;\n}\n",".bg-pricing {\r\n\tbackground: url('../images/pricing-bg.jpg');\r\n\tbackground-size:cover;\r\n}",".single-page-header {\r\n\tbackground: #1f2532;\r\n\tpadding:50px 0;\r\n\ttext-align: center;\r\n\tcolor:$light;\r\n\tposition: relative;\r\n\t.breadcrumb {\r\n\t\tbackground: transparent;\t\r\n\t\tdisplay: inline-block;\r\n\t\tli {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ta {\r\n\t\t\t\tcolor: $primary-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",".navigation {\r\n  transition: .3s all;\r\n  background: #1f2532;\r\n  .navbar-nav > li {\r\n    &.active {\r\n      a {\r\n        color:$white;\r\n      }\r\n    }\r\n     > a {\r\n      color: #707d8f;\r\n      font-size: 15px;\r\n      line-height: 26px;\r\n      padding: 20px 15px!important;\r\n      transition: .2s ease-in-out 0s;\r\n      @include mobile {\r\n        padding:8px 0!important;\r\n      }\r\n      @include tablet {\r\n        padding:8px 0!important;\r\n      }\r\n      &:hover, &:active, &:focus{\r\n        background: none;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n  }\r\n  .navbar-toggler {\r\n    color:$white;\r\n    font-size:30px;\r\n    cursor: pointer;\r\n    outline: none;\r\n  }\r\n  .nav .open>a {\r\n    background: none;\r\n  }\r\n  .dropdown {\r\n    padding:0;\r\n    .dropdown-item {\r\n      padding:8px 15px;\r\n      color:$white;\r\n      font-size:13px;\r\n      &:hover {\r\n        background: transparent;\r\n        color:$primary-color;\r\n      }\r\n    }\r\n    .dropdown-menu {\r\n      border-radius: 0;\r\n      transform-origin: top;\r\n      animation-fill-mode: forwards;\r\n      transform: scale(1,0);\r\n      background-color: #000;\r\n      display: block;\r\n      opacity: 0;\r\n      transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s;\r\n      transition: transform 0.3s,opacity 0.3s ease-in-out;\r\n      transition: transform 0.3s,opacity 0.3s ease-in-out,-webkit-transform 0.3s;\r\n      \r\n    }  \r\n    &:hover .dropdown-menu {\r\n      transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s;\r\n      transition: transform 0.3s,opacity 0.3s ease-in-out;\r\n      transition: transform 0.3s,opacity 0.3s ease-in-out,-webkit-transform 0.3s;\r\n      transform: scale(1,1);\r\n      opacity: 1;\r\n    }\r\n  }\r\n  \r\n}\r\n\r\n\r\n\r\n\r\n.navbar-brand {\r\n  height: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.navbar-brand h1 {\r\n  margin: 0;\r\n}\r\n\r\n\r\n\r\n\r\n",".hero-area {\r\n  padding:150px 0;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: #1f2532;\r\n  @include mobile {\r\n    padding:80px 0;\r\n  }\r\n  .block {\r\n    color: $light;\r\n    padding-left:30px;\r\n    @include mobile {\r\n      padding:0;\r\n    }\r\n    h2 {\r\n      font-size: 48px;\r\n      margin-bottom: 20px;\r\n    }\r\n    p {\r\n      color: #707d8f;\r\n      margin-bottom: 20px\r\n    }\r\n    .list-inline {\r\n      margin-top:50px;\r\n    }\r\n    .btn-main {\r\n      margin-right:8px;\r\n    }\r\n  }\r\n}\r\n\r\n.video-player {\r\n  iframe{\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .play-icon {\r\n     position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 100%;\r\n  \r\n      text-align:center;\r\n\r\n      &:hover i{\r\n        transform: scale(1.1);\r\n      }\r\n      i {\r\n        margin-left:3px;\r\n        height: 80px;\r\n        width: 80px;\r\n        border-radius: 50px;\r\n        transition: -webkit-transform 300ms ease;\r\n        transition: transform 300ms ease;\r\n        transition: transform 300ms ease, -webkit-transform 300ms ease;\r\n        background: $white;\r\n        color:$primary-color;\r\n        line-height: 80px;\r\n        font-size:30px;\r\n        margin-left:5px;\r\n      }\r\n    }\r\n  }\r\n\r\n.hero-area-video {\r\n  height: 100vh;\r\n  position: inherit!important;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  .block {\r\n    color: $light;\r\n    text-align: center;\r\n    h1 {\r\n      font-size: 60px;\r\n      font-weight: 700;\r\n      margin-bottom: 20px;\r\n    }\r\n    p {\r\n      color: $light;\r\n      text-transform: uppercase;\r\n      font-size: 12px;\r\n      letter-spacing: 3px;\r\n      margin-bottom: 20px\r\n    }\r\n    .btn-main {\r\n      margin-top: 20px;\r\n    }\r\n\r\n  } \r\n}\r\n\r\n.dark-bg {\r\n  background: rgba(0, 0, 0, 0.7);\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  z-index: -1;\r\n}","/*=================================================================\r\n  About us section\r\n==================================================================*/\r\n\r\n.about {\r\n  background: $light;\r\n  h2 {\r\n    font-size:40px;\r\n    font-weight: bold;\r\n    margin-top:0;\r\n    @include desktop {\r\n      font-size:25px;\r\n    }\r\n  }\r\n  h4 {\r\n    font-size:14px;\r\n    color:$primary-color;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n  p {\r\n    line-height: 1.6;\r\n    margin-top:20px;\r\n    \r\n  }\r\n  .content {\r\n    padding:50px 0;\r\n    @include desktop {\r\n      padding:5px 0;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n\r\n/*=================================================================\r\n  About us 2 section\r\n==================================================================*/\r\n.about-2 {\r\n  background: #F7F7F7;\r\n  h2 {\r\n    position:relative;\r\n    &:before {\r\n      position: absolute;\r\n      left: -15%;\r\n      top: 18px;\r\n      content:'';\r\n      display: inline-block;\r\n      width: 12%;\r\n      height: 3px;\r\n      background-color: #ffa535;\r\n      background-image: linear-gradient(100deg, #f9643d, #fe2a77);\r\n      background-image: linear-gradient(100deg, #f9643d, #fe2a77);\r\n      @include tablet {\r\n        display:none;\r\n      }\r\n    }\r\n  }\r\n}","/*=================================================================\r\n Call To Action 1\r\n==================================================================*/\r\n\r\n.call-to-action {\r\n  padding:100px 0;\r\n  background: url('../images/call-to-action/call-to-action-bg-2.jpg');\r\n  background-size: cover;\r\n  color: $light;\r\n  h2 {\r\n    line-height: 1.5;\r\n  }\r\n  p {\r\n    color: $light;\r\n  }\r\n  .btn-main {\r\n    margin-top: 20px;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*=================================================================\r\n Call To Action 2\r\n==================================================================*/\r\n\r\n.call-to-action-2 {\r\n  padding:100px 0;\r\n  background-image: url('../images/call-to-action/call-to-action-bg.jpg');\r\n  background-size: cover;\r\n  color: $light;\r\n  h2 {\r\n    line-height: 1.5;\r\n  }\r\n  p {\r\n    color: $light;\r\n  }\r\n  .btn-main {\r\n    margin-top: 20px;\r\n  }\r\n  \r\n}\r\n","\r\n/*=================================================================\r\n  Contact\r\n  ==================================================================*/\r\n\r\n  .contact-form {\r\n    margin-bottom: 40px;\r\n    @include tablet {\r\n      margin-top:20px;\r\n    }\r\n    .form-control {\r\n      background-color: transparent;\r\n      border: 1px solid #dedede;\r\n      box-shadow: none;\r\n      height: 45px!important;\r\n      color: #0c0c0c;\r\n      height: 38px;\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 14px;\r\n      border-radius: 3px;\r\n    }\r\n    input:hover, \r\n    textarea:hover,\r\n    #contact-submit:hover {\r\n      border-color: $primary-color;\r\n    }\r\n    #contact-submit {\r\n      border:none;\r\n      padding: 15px 0;\r\n      width: 100%;\r\n      margin: 0;\r\n      background: $primary-color;\r\n      color:$light;\r\n      border-radius: 0;\r\n      cursor: pointer;\r\n    }\r\n    textarea.form-control {\r\n      padding: 10px;\r\n      height: 120px!important;\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  .contact-details {\r\n    .contact-short-info {\r\n      margin-top: 15px;\r\n      li {\r\n        margin-bottom: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n    .social-icon  {\r\n      li {\r\n        display: inline-block;\r\n        margin-right: 10px;\r\n        a {\r\n          display: block;\r\n          height: 30px;\r\n          width: 30px;\r\n          text-align: center;\r\n          color:$primary-color;\r\n          i {\r\n            display: inline-block;\r\n            font-size: 20px;\r\n            line-height: 50px;\r\n            margin: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n  .error {\r\n    display: none;\r\n    padding: 10px;\r\n    color: #D8000C;\r\n    border-radius: 4px;\r\n    font-size: 13px;\r\n    background-color: #FFBABA;\r\n  }\r\n\r\n  .success {\r\n    background-color: #6cb670;\r\n    border-radius: 4px;\r\n    color: #fff;\r\n    display: none;\r\n    font-size: 13px;\r\n    padding: 10px;\r\n  }\r\n  .map{\r\n    position: relative;\r\n  #map{\r\n    height:400px;\r\n    color: white;\r\n  }\r\n}\r\n \r\n\r\n.contact-meta-block {\r\n  margin-top:30px;\r\n  padding:40px 0;\r\n  min-height: 250px;\r\n  text-align: center;\r\n  background: $white;\r\n  border-radius: 3px;\r\n  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);\r\n  >i {\r\n    display:block;\r\n    font-size:50px;\r\n    margin-bottom:20px;\r\n  }\r\n}\r\n","\r\n/*=================================================================\r\n  Item counter section\r\n==================================================================*/\r\n\r\n\r\n.counters-item {\r\n  padding-bottom: 30px;\r\n  color:#444;\r\n  position: relative;\r\n  &.kill-border:before {\r\n    background: none;\r\n  }\r\n  &:before {\r\n    background: #e5e5e5;\r\n    content: \"\";\r\n    margin-top: -27.5px;\r\n    height: 55px;\r\n    width: 1px;\r\n    position: absolute;\r\n    right: -15px;\r\n    top: 50%;\r\n  }\r\n  > div {\r\n    margin: 6px 0;\r\n  }\r\n  span {\r\n    display: inline;\r\n    font-size: 35px;\r\n    font-weight: 700;\r\n    line-height: 50px;\r\n  }\r\n  i {\r\n    font-size:40px;\r\n    display: inline-block;\r\n    color:$primary-color;\r\n  }\r\n  h3 {\r\n    font-size: 18px;\r\n    margin: 0;\r\n    color:#666;\r\n  }\r\n}\r\n\r\n","\r\n\r\n/*=================================================================\r\n  Pricing section\r\n==================================================================*/\r\n\r\n.pricing-table {\r\n  .pricing-item {\r\n    margin-bottom:15px;\r\n    border-radius: 3px;\r\n    padding-bottom: 40px;\r\n    text-align: center;\r\n    background: #f9f9f9;\r\n    a.btn-main {\r\n      text-transform: uppercase;\r\n      margin-top: 20px;\r\n    }\r\n    ul {\r\n      padding :20px 0 10px;\r\n    }\r\n     li {\r\n      font-weight: 400;\r\n      padding: 10px 0;\r\n      color:#666;\r\n      i {\r\n        margin-right: 6px;\r\n      }\r\n    }\r\n  }\r\n  .price-title {\r\n    padding: 30px 0 20px;\r\n    text-align: center;\r\n    border-top-right-radius: 3px;\r\n    border-top-left-radius:3px;\r\n    color:$white;\r\n     > h3 {\r\n      color: $white;\r\n      font-weight: 700;\r\n      margin: 0 0 5px;\r\n      font-size: 15px;\r\n      text-transform: uppercase;\r\n    }\r\n    > p {\r\n      color: $white;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 18px;\r\n      margin-top: 5px;\r\n      width: 60%;\r\n      margin:0 auto;\r\n    }\r\n    .value {\r\n      font-size: 50px;\r\n      padding: 10px 0;\r\n    }\r\n  }\r\n \r\n}\r\n\r\n\r\n","\r\n/*=================================================================\r\n  Portfolio section\r\n==================================================================*/\r\n.portfolio-filter {\r\n  margin-bottom: 40px;\r\n  text-align: center;\r\n  button {\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    margin:0 10px;\r\n    padding:8px 5px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    border:none;\r\n    color:#777;\r\n    outline: none;\r\n    background: none;\r\n    &:hover {\r\n      border-bottom:2px solid $primary-color;\r\n      color:$black;\r\n    }\r\n    &.mixitup-control-active{\r\n      border-bottom:2px solid $primary-color;\r\n      color:$black;\r\n    }\r\n  }\r\n}\r\n\r\n.portfolio-items-wrapper {\r\n  li {\r\n    width: 32.33%;\r\n  }\r\n}\r\n\r\n.portfolio-block {\r\n  position: relative;\r\n  transition:.3s all;\r\n  overflow: hidden;\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    opacity: 0;\r\n    top: 0;\r\n    left: 0;\r\n    right:0;\r\n    bottom:0;\r\n    background: rgba(240, 50, 107, 0.90);\r\n    transition: .3s all;\r\n  }\r\n  &:hover:before {\r\n    opacity: 1;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n  &:hover .caption h4 {\r\n    transform: translate3d(0,0,0);\r\n  }\r\n  &:hover .caption {\r\n    opacity: 1;\r\n  }\r\n  &:hover .caption .search-icon {\r\n    opacity: 1;\r\n  }\r\n  .caption {\r\n    position: absolute;\r\n    bottom:10%;\r\n    left:10%;\r\n    opacity: 0;\r\n    z-index: 9;\r\n    transition: all 0.3s ease-in-out;\r\n    h4 {\r\n      font-size: 20px;  \r\n      font-weight: 700;\r\n      a {\r\n        color: $light;\r\n      }\r\n    }\r\n    .search-icon {\r\n      background: $primary-color;\r\n      color:$light;\r\n      display: inline-block;\r\n      padding: 4px 13px;\r\n      font-size: 25px;\r\n      border-radius: 30px;\r\n      opacity: 0;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","/*=================================================================\r\n  Services section\r\n==================================================================*/\r\n\r\n.services {\r\n  .service-block {\r\n    padding: 30px 20px;\r\n    @include mobile {\r\n      padding:15px;\r\n    }\r\n    .service-icon {\r\n      margin-bottom: 15px;\r\n    }\r\n    i {\r\n      font-size: 40px;\r\n      color: $primary-color;\r\n      background: linear-gradient(100deg, #f9643d, #fe2a77);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n    h3 {\r\n      color:#333;\r\n      font-size: 18px;\r\n    }\r\n    p {\r\n      color: #777;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n/*=================================================================\r\n  Services section 2\r\n==================================================================*/\r\n\r\n.service-2 {\r\n  .p-0 {\r\n    @include mobile {\r\n      padding:0 15px!important;\r\n    }\r\n    @include tablet {\r\n      padding:0 15px!important;\r\n    }\r\n    @include mobile-xs {\r\n      padding:0 15px!important;\r\n    }\r\n  }\r\n  .service-item {\r\n    background:$white;\r\n    border: 1px solid #eee;\r\n    padding: 50px 20px;\r\n    margin-right: -1px;\r\n    margin-bottom: -1px;\r\n    transition: all 0.3s ease 0s;\r\n    .count {\r\n      font-size:80px;\r\n      position: absolute;\r\n      top:0;\r\n      left:20px;\r\n      color:#f3f1f1;\r\n      font-weight: 700;\r\n    }\r\n    i {\r\n      font-size: 30px;\r\n      display: inline-block;\r\n      @extend .gradient;\r\n      border-radius: 30px;\r\n      box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);\r\n      color: #fff;\r\n      height: 55px;\r\n      line-height: 55px;\r\n      margin-bottom: 20px;\r\n      width: 55px;\r\n      transition: all 0.3s ease 0s;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.service-list {\r\n  .block  {\r\n    background: $primary-color;\r\n    color:$white;\r\n    padding:30px;\r\n    i {\r\n      font-size:30px;\r\n    }\r\n    h3 {\r\n      font-size:22px;\r\n      margin:10px 0;\r\n    }\r\n    ul {\r\n      li {\r\n        margin-bottom:6px;\r\n        color:#f9f9f9;\r\n      }\r\n    }\r\n    \r\n  }\r\n}\r\n","\r\n/*=================================================================\r\n  Our skills\r\n==================================================================*/\r\n.team-skills {\r\n  .progress-block {\r\n    margin-top: 40px;\r\n    span {\r\n      display: inline-block;\r\n      margin-bottom: 5px;\r\n      font-size: 14px;\r\n    }\r\n    .progress {\r\n      box-shadow: none;\r\n      border-radius: 0;\r\n      height: 10px;\r\n      .progress-bar {\r\n        background:$primary-color;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.clients-logo-slider {\r\n  margin-top: 50px;\r\n}\r\n\r\n\r\n\r\n\r\n/*=================================================================\r\n  Step section\r\n==================================================================*/\r\n.development-steps {\r\n  .step {\r\n    padding:80px 20px;\r\n    h4 {\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n      i {\r\n        font-size: 72px;\r\n        font-weight: 500;\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    p {\r\n      color:#cccccc;\r\n      font-size: 14px;\r\n      line-height: 22px;\r\n    }\r\n  }\r\n  .step-1 {\r\n    background-color:#f2f6f8;\r\n    h4 {\r\n      color: #212121;\r\n    }\r\n    p {\r\n      color: #838383;\r\n    }\r\n  }\r\n  .step-2 {\r\n    background-color: $primary-color;\r\n    h4,p {\r\n      color: $light;\r\n    }\r\n  }\r\n  .step-3 {\r\n    background:darken( $primary-color, 10% );\r\n    h4,p {\r\n      color: $light;\r\n    }\r\n  }\r\n  .step-4 {\r\n    background:darken( $primary-color, 15% );\r\n    h4,p {\r\n      color: $light;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","\r\n/*=================================================================\r\n  Our Team\r\n  ==================================================================*/\r\n\r\n.team-member {\r\n  background: $light;\r\n  margin-bottom:15px;\r\n  &:hover img {\r\n    transform: scale(1.1);\r\n  }\r\n  &:hover .mask {\r\n    opacity: 1;\r\n  }\r\n  .member-content {\r\n    padding:25px 0;\r\n    h3 {\r\n      font-size: 20px;\r\n      margin: 0 0 5px;\r\n      color:#333;\r\n    }\r\n    span {\r\n      font-size: 14px;\r\n      color:#555;\r\n    }\r\n    p {\r\n      color: #777;\r\n      margin-top: 10px;\r\n      padding:0 15px;\r\n    }\r\n    ul {\r\n      text-align: center;\r\n      position: relative;\r\n      li {\r\n        margin-right: 7px;\r\n        a {\r\n          i {\r\n              color: #f0326b;\r\n              background: linear-gradient(100deg, #f9643d, #fe2a77);\r\n              -webkit-background-clip: text;\r\n              -webkit-text-fill-color: transparent;\r\n          }\r\n          font-size: 18px;\r\n          padding:10px;\r\n          &::hover {\r\n            background-color: #6cb670;\r\n            border: 1px solid transparent;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .member-photo {\r\n    overflow: hidden;\r\n    position: relative;\r\n    img {\r\n      transition: all 0.6s ease 0s;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","/*=================================================================\r\n  Testimonial section\r\n==================================================================*/\r\n\r\n.testimonial {\r\n  background: $primary-color;\r\n  position: relative;\r\n  .item {\r\n    i {\r\n      font-size: 40px;\r\n      color: $light;\r\n      margin-bottom: 30px;\r\n      display: inline-block;\r\n    }\r\n    .client-details {\r\n      padding-bottom: 30px;\r\n      p {\r\n        font-size: 17px;\r\n        color: $light;\r\n        font-weight: 200;\r\n        padding: 0 10%;\r\n      }\r\n    }\r\n    .client-meta {\r\n      margin-top:8px;\r\n      color:$white;\r\n      h4 {\r\n        margin-bottom:4px;\r\n      }\r\n      span {\r\n        font-size:12px;\r\n      }\r\n    }\r\n    .client-thumb img {\r\n      display: inline-block;\r\n      border-radius: 100%;\r\n      width: 90px;\r\n      height:auto;\r\n    }\r\n  }\r\n}\r\n","/*=================================================================\r\n  Latest Posts\r\n==================================================================*/\r\n.post-item {\r\n  background: $light;\r\n  margin-bottom: 40px;\r\n  .post-thumb {\r\n    margin-right:10px;\r\n    img {\r\n      height:auto;\r\n    }\r\n  }\r\n  .post-title {\r\n    margin-top:20px;\r\n     h3 {\r\n      font-size:23px;\r\n      a {\r\n        color: #000;\r\n      }\r\n    }\r\n  }\r\n  .post-meta {\r\n    font-size:14px;\r\n    color:#888;\r\n    a {\r\n      color:$black;\r\n      margin:3px 0;\r\n    }\r\n  }\r\n  .post-content {\r\n    p {\r\n      color: #757575;\r\n      margin: 10px 0;\r\n    }\r\n  }\r\n  .btn-main {\r\n    font-size:12px;\r\n    margin-top:10px;\r\n    padding:8px 20px;\r\n    margin:15px 0;\r\n  }\r\n}\r\n","/*=================================================================\r\n  Single Blog Page\r\n==================================================================*/\r\n\r\n\r\n#blog-banner {\r\n  padding-bottom: 100px;\r\n  padding-top: 150px;\r\n}\r\n\r\n.blog-title h1 {\r\n}\r\n\r\n#blog-page {\r\n  margin: 0 0 40px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.post-excerpt {\r\n  padding: 0 20px;\r\n  margin-bottom: 60px;\r\n  h3 {\r\n    a {\r\n      color: #000;\r\n    }\r\n  }\r\n  blockquote {\r\n    line-height: 22px;\r\n    margin: 20px 0;\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n\r\n.single-blog {\r\n    background-color: #fff;\r\n    margin-bottom: 50px;\r\n    padding: 20px;\r\n}\r\n\r\n.blog-subtitle {\r\n  font-size: 15px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid #dedede;\r\n  margin-bottom: 25px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.next-prev {\r\n  border-bottom: 1px solid #dedede;\r\n  border-top: 1px solid #dedede;\r\n  margin: 20px 0;\r\n  padding: 25px 0;\r\n  a {\r\n    color: #000;\r\n    &:hover {\r\n      color: $primary-color;\r\n    }\r\n  }\r\n  .prev-post i {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .next-post i {\r\n    margin-left: 10px;\r\n  }\r\n}\r\n\r\n.social-profile {\r\n  ul {\r\n   li {\r\n      margin: 0 10px 0 0;\r\n      display: inline-block;\r\n      a {\r\n        color: #4e595f;\r\n        display: block;\r\n        font-size: 16px;\r\n        i {\r\n          &:hover {\r\n            color: $primary-color;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.comments-section {\r\n  margin-top: 35px;\r\n}\r\n\r\n\r\n.author-about {\r\n  margin-top: 40px;\r\n}\r\n.post-author {\r\n  margin-right: 20px;\r\n}\r\n\r\n.post-author > img {\r\n  border: 1px solid #dedede;\r\n  max-width: 120px;\r\n  padding: 5px;\r\n  width: 100%;\r\n}\r\n\r\n\r\n\r\n.comment-list {\r\n  ul {\r\n    margin-top: 20px;\r\n    li {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.comment-wrap {\r\n  border: 1px solid #dedede;\r\n  border-radius: 1px;\r\n  margin-left: 20px;\r\n  padding: 10px;\r\n  position: relative;\r\n  .author-avatar {\r\n    margin-right: 10px;\r\n  }\r\n  .media {\r\n    .media-heading {\r\n      font-size: 14px;\r\n      margin-bottom: 8px;\r\n      a {\r\n        color: $primary-color;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n    .comment-meta {\r\n      font-size: 12px;\r\n      color: #888;\r\n    }\r\n    p {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n\r\n.comment-reply-form {\r\n  margin-top: 80px;\r\n  input,textarea {\r\n    height: 35px;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n    &:focus {\r\n      box-shadow:none;\r\n      border:1px solid $primary-color;\r\n    }\r\n  }\r\n  textarea,.btn-main {\r\n    height: auto;\r\n  }\r\n}\r\n\r\n                            \r\n\r\n\r\n\r\n","\r\n/*=================================================================\r\n  Footer section\r\n==================================================================*/\r\n\r\n\r\n.top-footer {\r\n  background-color: #222222;\r\n  border-top: 1px solid #404040;\r\n  padding: 100px 0 80px;\r\n  h3 {\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    color: $light;\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 20px;\r\n  }\r\n  p {\r\n    font-size: 13px;\r\n    line-height: 30px;\r\n    color: #bdbdbd;\r\n    font-weight: 300;\r\n    padding-right: 20px;\r\n  }\r\n  li a {\r\n    font-size: 13px;\r\n    line-height: 30px;\r\n    color: #bdbdbd;\r\n    font-weight: 300;\r\n    letter-spacing: 1px;\r\n    text-transform: capitalize;\r\n    transition: color .3s;\r\n    font-family: $primary-font;\r\n    display: block;\r\n    &:hover {\r\n      color: $primary-color;\r\n    }\r\n  }\r\n}\r\n\r\n.footer-bottom {\r\n  text-align: center;\r\n  background-color: #1b1b1b;\r\n  border-top: 1px solid #2c2c2c;\r\n  padding: 30px 0;\r\n  h5 {\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    color: #888888;\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-top: 7px;\r\n    margin-bottom: 3px;\r\n  }\r\n  h6 {\r\n    font-size: 11px;\r\n    line-height: 15px;\r\n    color: #888888;\r\n    font-weight: 400;\r\n    text-transform: capitalize;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 0;\r\n  }\r\n  p {\r\n    color:#656565;\r\n  }\r\n  a {\r\n    color: $primary-color;\r\n  }\r\n}\r\n\r\n.subscribe-form {\r\n  .form-control {\r\n    border-radius:0;\r\n  }\r\n}",".page-404 {\r\n\theight: 100vh;\r\n\th1 {\r\n\t\tfont-size:200px;\r\n\t}\r\n}"]}