/*==============================================
  Project:   Gorilla - App Landing Page
  Build:     Bootstrap 3+
  Author:    ThemeShef
  Version:   2.0
 ===============================================*/
/*==============================================
  Table of Contents
  00. PRELOADER CSS
  01. BASE CSS
      A. section heading
      B. Accordion Section
      C. Fun Factor Section
      D. Service Section
      E. Feature Section
      F. Video section
      G. Modal Effect
      H. Gorilla particle
      I. Pricing Table Section
      J. Contact Section
      K. Review Section
      L. Blog Section
      M. Single Page CSS
      N. Gorilla 404


  02. BUTTONS CSS
  03. UTILITY CSS
      A. Global margins
      B. Global Paddings

  04. MENU CSS
  05. BANNER CSS
  06. SWIPER SLIDER CSS
  07. MODAL POPUP CSS
  08. ANIMATIONS CSS
  09. FOOTER CSS
  10. COLORS & BACKGROUNDS CSS
  11. RESPONSIVE CSS
 ===============================================*/
/* ==============================================
* PRELOADER CSS
* ===============================================*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99; }

#loader {
  bottom: 0;
  height: 175px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 175px; }

#loader {
  bottom: 0;
  height: 175px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 175px; }

#loader .dot {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 87.5px; }

#loader .dot::before {
  border-radius: 100%;
  content: "";
  height: 87.5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  width: 87.5px; }

#loader .dot:nth-child(7n+1) {
  transform: rotate(45deg); }

#loader .dot:nth-child(7n+1)::before {
  animation: 0.8s linear 0.1s normal none infinite running load;
  background: #00ff80 none repeat scroll 0 0; }

#loader .dot:nth-child(7n+2) {
  transform: rotate(90deg); }

#loader .dot:nth-child(7n+2)::before {
  animation: 0.8s linear 0.2s normal none infinite running load;
  background: #00ffea none repeat scroll 0 0; }

#loader .dot:nth-child(7n+3) {
  transform: rotate(135deg); }

#loader .dot:nth-child(7n+3)::before {
  animation: 0.8s linear 0.3s normal none infinite running load;
  background: #00aaff none repeat scroll 0 0; }

#loader .dot:nth-child(7n+4) {
  transform: rotate(180deg); }

#loader .dot:nth-child(7n+4)::before {
  animation: 0.8s linear 0.4s normal none infinite running load;
  background: #0040ff none repeat scroll 0 0; }

#loader .dot:nth-child(7n+5) {
  transform: rotate(225deg); }

#loader .dot:nth-child(7n+5)::before {
  animation: 0.8s linear 0.5s normal none infinite running load;
  background: #2a00ff none repeat scroll 0 0; }

#loader .dot:nth-child(7n+6) {
  transform: rotate(270deg); }

#loader .dot:nth-child(7n+6)::before {
  animation: 0.8s linear 0.6s normal none infinite running load;
  background: #9500ff none repeat scroll 0 0; }

#loader .dot:nth-child(7n+7) {
  transform: rotate(315deg); }

#loader .dot:nth-child(7n+7)::before {
  animation: 0.8s linear 0.7s normal none infinite running load;
  background: magenta none repeat scroll 0 0; }

#loader .dot:nth-child(7n+8) {
  transform: rotate(360deg); }

#loader .dot:nth-child(7n+8)::before {
  animation: 0.8s linear 0.8s normal none infinite running load;
  background: #ff0095 none repeat scroll 0 0; }

@keyframes load {
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes load {
  100% {
    opacity: 0;
    transform: scale(1); } }
/* ==============================================
 * BASE CSS
 * ===============================================*/
body {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  color: #585b60;
  overflow-X: hidden;
  position: relative; }

.link-icon {
  background: #fff;
  border-radius: 0 50px 50px 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  display: block;
  left: 0;
  padding: 10px 10px 10px 0;
  position: fixed;
  top: 30%;
  z-index: 3; }

.link-icon .btn {
  color: #5f6789;
  display: block;
  font-size: 30px;
  padding: 0px 15px;
  box-shadow: inset 0px -3px 5px rgba(0, 0, 0, 0.1); }

.link-icon .btn.btn:hover {
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.1); }

.link-icon .btn:hover .fa-android {
  color: #7CB342; }

.link-icon .btn:hover .fa-apple {
  color: #222; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #585858; }

ul,
ol,
ul li,
ol li {
  margin: 0;
  padding: 0;
  list-style: none; }

a:focus,
a:hover {
  color: #282828;
  text-decoration: none;
  outline: none; }

html,
body,
.wrapper {
  height: 100%;
  width: 100%; }

.cover-wrapper {
  width: 100%;
  height: 100%;
  display: table; }

.cover {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle; }

/* --------------------------------
 * section heading
 * --------------------------- */
.section-heading h2 {
  font-size: 45px;
  font-weight: 100;
  line-height: 55px;
  margin: 0 0 25px;
  text-transform: capitalize; }

.section-heading.white,
.section-heading.white h1,
.section-heading.white h2,
.section-heading.white h3,
.section-heading.white h4,
.section-heading.white p {
  color: #fff; }

/* -------------------------------------
 * Accordion Section
 * --------------------------------- */
.gorilla-accordion.panel-group .panel {
  border: medium none;
  box-shadow: none;
  margin-bottom: 0; }

.gorilla-accordion .panel-default > .panel-heading {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50px;
  box-shadow: none;
  color: #333;
  padding: 0; }

.gorilla-accordion .panel-title {
  color: inherit;
  display: block;
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 0;
  margin-top: 0; }

.gorilla-accordion .panel-title > a {
  display: block;
  padding: 20px 30px;
  text-decoration: none;
  color: #585b60;
  position: relative; }

.gorilla-accordion .panel-title > a.collapsed::before {
  color: #9d9d9d;
  content: "+";
  font-size: 27px;
  right: 20px;
  position: absolute;
  top: 12px;
  font-weight: 100; }

.gorilla-accordion .panel-title > a::before {
  color: #9d9d9d;
  content: "_";
  font-size: 27px;
  font-weight: 100;
  position: absolute;
  right: 22px;
  top: 3px; }

.gorilla-accordion.panel-group .panel-heading + .panel-collapse > .list-group,
.gorilla-accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: medium none;
  padding: 30px; }

/* --------------------------------
 * Fun Factor Section
 * --------------------------- */
.fun-factor {
  color: #fff;
  text-align: center; }

.fun-factor .fun-top {
  color: #fff;
  margin: 0;
  overflow: hidden; }

.fun-factor .fun-top .et-icon {
  color: #fff;
  display: inline-block;
  font-size: 34px;
  margin: 0;
  text-align: center;
  width: 52px; }

.fun-factor .fun-top .counter {
  display: inline-block;
  font-size: 30px;
  font-weight: 100;
  letter-spacing: 3px;
  margin: 0;
  text-align: left; }

.fun-factor .fun-top .slash {
  display: inline-block;
  font-size: 50px;
  font-weight: 100;
  line-height: 0;
  margin: 0 3px; }

.fun-factor h4 {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 100;
  letter-spacing: 2px;
  margin: 25px 0 0;
  text-transform: uppercase; }

/* Gorill Video Responsive */
video {
  max-width: 100%;
  height: auto; }

iframe,
embed,
object {
  max-width: 100%;
  border: none; }

.vendor {
  padding: 0;
  margin-bottom: 1em; }

.modal-exclusive .vendor {
  margin: 8px; }

/* ------------------------------------------
 *  Service Section
 * ----------------------------------------- */
/* Single Service */
.single-service {
  text-align: center; }

.single-service .et-icon {
  font-size: 60px; }

.single-service h3 {
  text-transform: capitalize;
  margin: 30px 0 15px; }

.single-service p {
  margin: 0; }

/* service alt one */
.service-alt-heading {
  text-align: center; }

.service-alt-heading .logo-txt {
  font-family: "Monoton",cursive;
  font-size: 45px;
  color: #a1a1a1;
  text-transform: uppercase; }

.relative {
  position: relative; }

.service-phone-slide {
  margin-top: -50px; }

.service-phone-slide .phone-slide {
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto;
  display: block; }

.service-phone-2 {
  margin: 0 auto;
  display: block; }

.service-alt-list .single-service {
  text-align: left;
  margin-bottom: 60px; }

.service-alt-list .single-service.hover-box {
  margin-bottom: 30px; }

.service-alt-list .single-service.text-right {
  text-align: right; }

.service-alt-list .single-service .et-icon {
  font-size: 35px; }

.service-alt-list .single-service h4 {
  margin: 15px 0 10px;
  text-transform: uppercase; }

.single-service-alt-2 .et-icon {
  float: left;
  font-size: 40px;
  min-width: 50px;
  padding-right: 20px; }

.single-service-alt-2 h3 {
  margin-bottom: 25px;
  margin-top: 5px;
  text-transform: capitalize; }

.single-service-alt-2 p {
  margin: 0; }

/* --------------------------------------------
 *  Feature Section
 * ---------------------------------------- */
.feature-img {
  position: relative; }

.feature-img .feature-phone-one {
  position: absolute;
  top: -50px;
  left: -50px; }

.feature-img .feature-phone-two {
  float: right;
  padding-right: 30px; }

.feature-phone-iwatch {
  margin: 0 auto;
  display: block; }

.phone-slide {
  background-image: url("../img/feature-phone-blank.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: 340px;
  padding: 86px 19px 87px;
  position: absolute;
  top: -70px; }

.phone-slide.slide-alt {
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto;
  display: block; }

.phone-slide .phone-slide-gallery .swiper-wrapper .swiper-slide {
  max-height: 560px; }

.feature-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.feature-list .single-feature {
  display: block;
  margin-bottom: 40px; }

.feature-list .single-feature .et-icon {
  float: left;
  font-size: 45px;
  padding-bottom: 0;
  min-width: 73px;
  padding-right: 25px; }

.feature-list .single-feature h4 {
  text-transform: uppercase; }

.feature-list .single-feature p {
  margin-bottom: 0;
  margin-left: 73px; }

/* Feature alt one */
.feature-alt-heading {
  margin-right: 100px; }

.feature-list-alt-one .single-feature {
  float: left;
  margin-bottom: 50px;
  padding-right: 60px;
  width: 50%; }

.feature-list-alt-one .single-feature.hover-box {
  padding: 30px;
  margin: 0; }

.feature-list-alt-one .single-feature .et-icon {
  float: left;
  font-size: 45px;
  min-width: 50px;
  padding-right: 20px; }

.feature-list-alt-one .single-feature h3 {
  margin-bottom: 20px;
  margin-top: 8px;
  text-transform: capitalize; }

.feature-img-alt-one {
  position: relative; }

.feature-img-alt-one .feature-phone-three {
  position: absolute;
  right: 120px;
  top: -20px; }

.feature-img-alt-one .feature-phone-four {
  float: right; }

.feature-brand-icons .fa {
  font-size: 45px;
  margin-right: 15px; }

.feature-phone-seven {
  margin-top: -100px;
  margin-bottom: -1px;
  max-width: 550px; }

/* ----------------------------------------
 * Video section
 * ------------------------------------ */
.video {
  height: 400px;
  width: 100%;
  display: table; }

.video-inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.video-inner h2 {
  color: #fff;
  font-family: "Monoton",cursive;
  letter-spacing: 2px;
  margin: 30px auto 0;
  word-spacing: 15px; }

.video-inner .et-icon {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 45px;
  height: 120px;
  margin: 0 auto;
  padding-top: 36px;
  text-align: center;
  width: 120px; }

.video-inner .et-icon.bg-ripe {
  box-shadow: 0 0 15px rgba(245, 57, 108, 0.45); }

.video-inner .et-icon.bg-fisher {
  box-shadow: 0 3px 20px rgba(102, 166, 255, 0.75); }

.video-inner .et-icon.bg-fader {
  box-shadow: 0 3px 20px rgba(161, 140, 209, 0.75); }

.video-inner .et-icon.bg-wine {
  box-shadow: 0 3px 20px rgba(87, 61, 125, 0.45); }

.video-inner .et-icon.dim:focus,
.video-inner .et-icon.dim:hover {
  background-image: linear-gradient(-45deg, #f093fb 0%, #f5576c 100%); }

/* -------------------------------------------
 * Modal Effect
 * -------------------------------------- */
.modal.zoom .modal-dialog {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: scale(0.6); }

.modal.in .modal-dialog {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transform: scale(1); }

.modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); }

.modal.zoom .modal-title {
  letter-spacing: 3px; }

body.modal-open #wrap {
  -webkit-filter: blur(7px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px); }

.modal-backdrop {
  background: #f7f7f7; }

.modal .close {
  background-color: #f3f3f3;
  border-radius: 50px;
  display: block;
  font-size: 40px;
  font-weight: 100;
  height: 40px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 40px;
  opacity: 1;
  outline: none;
  transition: all 0.3s ease 0s; }

.modal .close span {
  display: block;
  margin-top: -10px; }

.modal .close:focus,
.modal .close:hover {
  transform: rotate(90deg);
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-property: transform;
  color: #585b60; }

.modal-exclusive .modal-lg {
  margin: 50px auto 0; }

.modal-body {
  padding: 15px 15px 8px; }

.modal-exclusive .close {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  top: 105%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 50px; }

.modal-exclusive .modal-lg iframe {
  height: 100%;
  width: 100%; }

.close.btn-ripe:hover,
.close.btn-fisher:hover,
.close.btn-fader:hover,
.close.btn-wine:hover,
.close.btn-beach:hover {
  color: #fff; }

.close.btn-ripe:hover {
  background: #f275b5; }

.close.btn-fisher:hover {
  background: #78d0fe; }

.close.btn-fader:hover {
  background: #a18cd1; }

.close.btn-wine:hover {
  background: #fb4c7f; }

.close.btn-beach:hover {
  background: #76c4ff; }

/* ---------------------------------------------
 * Gorilla particle
 * ------------------------------------------- */
#particle-default,
#particle-poly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* -------------------------------------------------
 * Pricing Table Section
 * --------------------------------------------- */
.price-single {
  border: 1px solid #e9ebec;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff; }

.price-single,
.price-single.hover-box {
  padding: 0; }

.price-single.popular.ripe {
  border-color: #F093FB; }

.price-single.popular.fisher {
  border-color: #78d0fe;
  color: #585b60; }

.price-single.popular.fader {
  border-color: #a18cd1;
  color: #585b60; }

.price-single.popular.wine {
  border-color: #fb4c7f;
  color: #585b60; }

.price-heading {
  position: relative;
  background-color: #f7f8fa;
  margin: 0 0 45px;
  padding: 30px 20px; }

.price-heading h2 {
  margin: 0 0 12px; }

.price-heading h4 {
  margin: 0; }

.price-heading .badge-popular {
  background-color: #f6f6f6;
  border-radius: 50px 0 0 50px;
  color: #fff;
  letter-spacing: 2px;
  padding: 1px 10px 1px 20px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 30px; }

.price-heading .badge-popular.ripe {
  background-color: #f093fb; }

.price-heading .badge-popular.fisher {
  background-color: #78d0fe; }

.price-heading .badge-popular.fader {
  background-color: #a18cd1; }

.price-heading .badge-popular.wine {
  background-color: #fb4c7f; }

.price-list {
  margin: 0 0 45px;
  padding: 0 20px; }

.price-list li {
  color: #585b60;
  display: block;
  margin-bottom: 20px; }

.price-list li .fa {
  font-size: 18px;
  padding-right: 10px; }

.price-footer {
  border-top: 1px solid #e9ebec;
  display: block;
  padding: 30px 20px; }

.price-footer .amount {
  color: #9da6ac;
  font-size: 25px;
  margin-bottom: 30px; }

.price-footer .amount .big {
  color: #8d8d8d;
  font-family: "monoton",cursive;
  font-size: 40px;
  letter-spacing: 2px; }

.price-footer p {
  color: #585b60; }

.btn-singup {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  font-size: 18px;
  text-transform: uppercase;
  width: 145px; }

/* ------------------------------------------
* Contact Section
* ----------------------------------------- */
.contact-form .form-group {
  margin-bottom: 30px; }

.contact-form .input-rounded {
  border: 1px solid #a1a1a1;
  border-radius: 50px;
  font-size: 15px;
  height: 44px;
  letter-spacing: 2px;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s; }

.contact-form .input-rounded:focus {
  text-transform: inherit;
  padding-left: 15px;
  background-color: #fff; }

.contact-form textarea.input-rounded:focus {
  height: 150px;
  padding-top: 30px;
  padding-left: 30px; }

.form-control:focus {
  border-color: #a1a1a1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(102, 175, 233, 0.6);
  outline: 0 none; }

.contact-form .g-recaptcha {
  margin-left: 22%; }

.form-subscribe {
  display: block;
  margin: 0 auto;
  max-width: 600px;
  position: relative; }

.form-subscribe .form-control {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  height: 44px;
  letter-spacing: 1px;
  padding: 10px 20px;
  transition: all 0.5s ease 0s; }

.btn-subscribe {
  background-color: #fff;
  border: medium none;
  border-radius: 50px;
  height: 35px;
  position: absolute;
  right: 4px;
  text-transform: uppercase;
  top: 4px;
  transition: all 0.5s ease 0s; }

.btn-subscribe:focus,
.btn-subscribe:hover {
  background-color: #78D0FE;
  color: #fff; }

.form-subscribe .form-control:focus {
  background-color: rgba(255, 255, 255, 0.15);
  padding-left: 15px; }

.form-subscribe .form-control::placeholder {
  color: #fff;
  opacity: 1; }

.form-subscribe .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1; }

/* --------------------------------
 * Review Section
 * --------------------------- */
.awesome-review {
  overflow: hidden;
  position: relative;
  padding: 0 40px 0 0;
  margin-bottom: 60px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.awesome-review .review-img {
  float: left;
  margin-right: 30px;
  height: 250px;
  position: relative;
  width: 220px;
  overflow: hidden; }

.awesome-review .review-img::before {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0px 0 250px 100px;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%; }

.awesome-review .fa {
  font-size: 45px;
  opacity: 0.4;
  position: absolute;
  bottom: 40px;
  left: 180px; }

.awesome-review h4 {
  line-height: 30px;
  margin-top: 40px; }

.awesome-review h3 {
  font-style: italic;
  text-align: right; }

/* ------------------------------------------------
 * Blog Section
 * ---------------------------------------------- */
.single-blog {
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }

.single-blog:hover {
  margin-top: -5px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.blog-img {
  height: 100px;
  width: 100%;
  overflow: hidden; }

.blog-img img {
  width: 100%;
  margin: 0 auto;
  display: block; }

.blog-description {
  min-height: 140px;
  padding: 30px 15px 0; }

.blog-description a {
  color: #585b60;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 41px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s; }

.blog-description.fader a:hover {
  color: #a18cd1; }

.blog-description.wine a:hover {
  color: #FB4C7F; }

.blog-footer {
  border-top: 1px solid #f2efef;
  margin-top: 0;
  overflow: hidden;
  padding: 15px; }

.blog-footer .left {
  float: left;
  width: 50%; }

.blog-footer .left p {
  margin: 0; }

.blog-footer .left h5 {
  margin: 0; }

.blog-footer .left .auth {
  background: #ddd none repeat scroll 0 0;
  border-radius: 50px;
  float: left;
  height: 35px;
  margin: 5px 10px 15px 0;
  width: 35px; }

.blog-footer .right {
  float: right;
  text-align: right;
  width: 50%; }

.blog-footer .right h3 {
  color: #9d9d9d;
  font-size: 22px;
  letter-spacing: 2px;
  margin: 10px 0 0; }

.blog-footer .right .et-icon {
  font-size: 20px; }

.blog-footer .right .icon-flag {
  color: #9d9d9d; }

.blog-footer .right .et-icon:hover {
  color: #fb4c7f; }

.blog-footer .right .dash {
  color: #c9c9c9;
  font-size: 28px; }

.blog-page-quote {
  color: #fff;
  font-size: 36px;
  text-transform: capitalize;
  max-width: 600px;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 60px;
  position: relative; }

.blog-page-quote:before {
  content: "\f10d";
  position: absolute;
  left: -60px;
  top: -30px;
  font-family: fontawesome; }

.blog-page-quote:after {
  content: "\f10e";
  position: absolute;
  right: -60px;
  top: -30px;
  font-family: fontawesome; }

.quote_auth {
  text-align: center;
  margin: 15px auto 0;
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-family: cursive; }

.masonry-item .blog-img {
  height: auto; }

.masonry-item .blog-description {
  text-align: center; }

.masonry-item .blog-description a {
  margin: 0 0 15px;
  display: block; }

.masonry-item .blog-description p {
  margin: 0 0 30px; }

.col-sm-8 .masonry .masonry-item .blog-description p {
  margin: 0 30px 30px; }

.masonry-item .blog-footer .details {
  margin: 0; }

.masonry-item .blog-footer .details a {
  font-size: 18px;
  display: inline-block;
  color: #333;
  padding: 15px 0; }

.masonry-item .blog-footer .details .fa {
  margin-left: 8px; }

.masonry-item .blog-footer .details a:hover .fa {
  margin-left: 5px;
  transition: all 0.3s ease-in-out; }

.masonry-item .blog-footer .left a {
  color: #333; }

.masonry-item .blog-description a:hover,
.masonry-item .blog-footer .left a:hover,
.masonry-item .blog-footer .details a:hover {
  color: #f275b5; }

.page-nav-prev,
.page-nav-next {
  margin: 0;
  padding: 15px 30px;
  font-size: 18px;
  color: #333;
  position: relative;
  text-transform: uppercase;
  display: inline-block; }

.page-nav-prev:before {
  content: "\f100";
  font-family: fontawesome;
  position: absolute;
  top: 15px;
  left: 12px; }

.page-nav-prev:hover:before {
  left: 8px; }

.page-nav-next:before {
  content: "\f101";
  font-family: fontawesome;
  position: absolute;
  top: 15px;
  right: 12px; }

.page-nav-next:hover:before {
  right: 8px; }

.page-nav-prev:hover,
.page-nav-next:hover {
  color: #000; }

.page-current {
  margin: 0;
  color: #333;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: 18px; }

/* -------------------------------------------
 * Single Page CSS
 * -------------------------------------- */
.blog-single-post-banner {
  height: 700px;
  text-align: center; }

.single-post-heading {
  padding-top: 200px;
  color: #fff; }

.single-post-heading h2 {
  font-size: 45px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 100;
  letter-spacing: 3px;
  margin: 0 auto 80px; }

.single-post-heading .author {
  margin: 0 auto;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%; }

.single-post-heading a {
  color: #fff;
  display: inline-block;
  transition: all 0.3s ease 0s; }

.single-post-heading a:hover h4 {
  color: #fff; }

.single-post-heading h4 {
  letter-spacing: 2px;
  margin: 30px auto 15px;
  color: #fff; }

.single-post-heading h6 {
  margin: 0;
  color: #fff; }

.post-info {
  margin-top: 20px;
  letter-spacing: 1px; }

.post-info .comments {
  margin-right: 15px; }

.post-shadow-wrapper {
  padding: 35px 30px 60px;
  margin-bottom: 0px;
  border-radius: 6px;
  box-shadow: 0 20px 150px rgba(0, 0, 0, 0.1); }

.single-post-details img {
  margin-bottom: 40px; }

.single-post-details h3 {
  letter-spacing: 2px;
  font-weight: 300;
  margin: 45px 0 20px; }

.single-post-details p {
  line-height: 28px;
  margin-bottom: 30px; }

.categories {
  margin: 0 0 30px; }

.categories .heading {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0; }

.categories li {
  display: inline-block;
  margin-left: 5px; }

.categories li a {
  display: inline-block;
  font-size: 16px;
  color: #333;
  letter-spacing: 1px;
  text-transform: capitalize; }

.categories li a:hover {
  color: #FB4C7F; }

.tags-list {
  display: block; }

.tags-list li {
  display: inline-block; }

.tags-list a {
  display: inline-block;
  margin-right: 6px;
  font-size: 17px;
  text-transform: capitalize;
  color: #FB4C7F; }

.tags-list a:hover {
  color: #E91E63; }

.share-ling-heading {
  text-transform: uppercase;
  margin: 0 0 25px; }

.social-links li {
  float: left;
  display: block; }

.social-links li a {
  display: block;
  width: 45px;
  border-radius: 50%;
  height: 45px;
  color: #333;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding-top: 10px;
  margin-right: 5px; }

.social-links a.hover-flat:hover {
  box-shadow: none;
  color: #fff; }

.social-links a.facebook:hover {
  background-color: #3B5998; }

.social-links a.twitter:hover {
  background-color: #42C8F4; }

.social-links a.g-plus:hover {
  background-color: #D64532; }

.social-links a.youtube:hover {
  background-color: #E62117; }

.social-links a.dribbble:hover {
  background-color: #EF669A; }

.social-links a.behance:hover {
  background-color: #1983FF; }

/* ====================================================
 * Comment Box
 * ==================================================*/
.comments-list-heading {
  text-transform: uppercase; }

.comment-heading h4 {
  margin: 0;
  text-transform: uppercase; }

.comment-heading h4 a {
  display: inline-block; }

.comment-heading h4 span {
  background-color: #fcfcfc;
  border: 1px solid #e7e6e6;
  border-radius: 6px;
  color: #9d9d9d;
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  padding: 1px 6px 1px 7px;
  transition: all 0.3s; }

.comment-heading h4 a:hover span {
  color: #1d9d74;
  background-color: #f2efef; }

.comments-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none; }

.comments-list .media {
  margin-bottom: 50px;
  margin-top: 0; }

.comments-list .comment-avatar {
  background-color: #e7e6e6;
  border-radius: 50%;
  height: 80px;
  margin-right: 10px;
  margin-top: 8px;
  text-align: center;
  width: 80px;
  font-size: 0; }

.comments-list .comment-info h4 {
  margin: 0;
  letter-spacing: 0;
  text-transform: capitalize; }

.comments-list .comment-info h4 small {
  color: #9d9d9d;
  font-family: "lato", sans-serif; }

.comments-list .comment-info span {
  display: block;
  font-size: 12px;
  margin-bottom: 5px; }

.comments-list p {
  margin-bottom: 10px; }

.comments-list .comment-reply {
  position: relative;
  list-style: none;
  display: block;
  color: #333;
  text-transform: capitalize; }

.comments-list .comment-reply:hover {
  color: #FB4C7F; }

.comments-list .media .media {
  margin-top: 25px;
  margin-bottom: 0px; }

.comments-list .media .media .comment-avatar {
  max-width: 60px;
  max-height: 60px; }

.comment-info a {
  color: #0c0c0c; }

/*-----------------------
  respond
 --------------------------*/
.contact-form {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px; }

.contact-form .form-group {
  margin-bottom: 0; }

.contact-form input.form-control {
  height: 40px; }

.contact-form .form-control {
  border-color: #e0e0e0;
  background-color: #ffffff;
  box-shadow: none;
  color: #333; }

.contact-form .form-control:focus {
  background-color: #fff; }

.contact-form .form-control-feedback {
  height: 40px;
  line-height: 40px;
  width: 40px;
  color: #828282; }

.contact-form .btn-respond {
  padding: 10px 30px;
  border: none;
  text-transform: uppercase; }

.btn-respond .icon {
  font-size: 18px;
  margin-right: 5px; }

.form-style-light .control-label {
  font-size: 12px;
  margin-left: 2px; }

.form-style-light .control-label .fa {
  color: #ee4d4d; }

.form-style-light .form-control {
  border-color: #ddd;
  background-color: #fcfcfc;
  border-radius: 0;
  box-shadow: none; }

.form-style-light .form-control:focus {
  background-color: #fff; }

/* -------------------------------------
 * Gorilla 404  
 * ---------------------------------- */
.f-z-f-wrapper {
  padding: 100px 0; }

.f-z-f {
  margin: 0;
  padding: 0; }

.f-z-f img {
  margin: 0 auto;
  display: block; }

/* =================================================
 * BUTTONS CSS
 * ============================================= */
.btn {
  border: none;
  transition: all 0.3s ease 0s; }

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  outline-offset: 0; }

.btn-lg {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 3px;
  padding: 10px 22px;
  text-transform: capitalize; }

.btn-circle {
  border-radius: 50px; }

.btn-white {
  background-color: #fff;
  color: #585b5b; }

.btn-white:focus,
.btn-white:hover {
  opacity: 0.85; }

.btn-transparent {
  background-color: transparent;
  color: #585b5b;
  border: 1px solid #585b5b; }

.btn-transparent:focus,
.btn-transparent:hover {
  background-color: #fff;
  color: #585b5b;
  border-color: #fff; }

.btn-dark {
  background-color: #282828;
  color: #fff; }

.btn-dark:focus,
.btn-dark:hover {
  background-color: #4d4d4d;
  color: #fff; }

.btn-ripe {
  background-image: -webkit-linear-gradient(bottom left, #f093fb 0%, #f5576c 100%);
  background-image: -o-linear-gradient(bottom left, #f093fb 0%, #f5576c 100%);
  background-image: linear-gradient(to top right, #f093fb 0%, #f5576c 100%);
  background-color: #f275b5;
  color: #fff; }

.btn-ripe.btn-shadow {
  box-shadow: 0 3px 20px rgba(245, 57, 108, 0.45); }

.btn-ripe:focus,
.btn-ripe:hover {
  color: #fff;
  background-image: -webkit-linear-gradient(left, #f5576c 0%, #f093fb 100%);
  background-image: -o-linear-gradient(left, #f5576c 0%, #f093fb 100%);
  background-image: linear-gradient(to right, #f5576c 0%, #f093fb 100%); }

.btn-fisher {
  background-image: -webkit-linear-gradient(bottom left, #89f7fe 0%, #66a6ff 100%);
  background-image: -o-linear-gradient(bottom left, #89f7fe 0%, #66a6ff 100%);
  background-image: linear-gradient(to top right, #89f7fe 0%, #66a6ff 100%);
  background-color: #78D0FE;
  color: #fff; }

.btn-fisher.btn-shadow {
  box-shadow: 0 3px 20px rgba(102, 166, 255, 0.45); }

.btn-fisher:focus,
.btn-fisher:hover {
  color: #fff;
  background-image: -webkit-linear-gradient(bottom left, #66a6ff 0%, #89f7fe 100%);
  background-image: -o-linear-gradient(bottom left, #66a6ff 0%, #89f7fe 100%);
  background-image: linear-gradient(to top right, #66a6ff 0%, #89f7fe 100%);
  background-color: #78D0FE; }

.btn-fader {
  background-image: -webkit-linear-gradient(bottom left, #a18cd1 0%, #fbc2eb 100%);
  background-image: -o-linear-gradient(bottom left, #a18cd1 0%, #fbc2eb 100%);
  background-image: linear-gradient(to top right, #a18cd1 0%, #fbc2eb 100%);
  background-color: #fbc2eb;
  color: #fff; }

.btn-fader.btn-shadow {
  box-shadow: 0 3px 20px rgba(161, 140, 209, 0.45); }

.btn-fader:focus,
.btn-fader:hover {
  background-image: -webkit-linear-gradient(bottom left, #fbc2eb 0%, #a18cd1 100%);
  background-image: linear-gradient(to top right, #fbc2eb 0%, #a18cd1 100%);
  background-color: #fbc2eb;
  color: #fff; }

.btn-wine {
  background-image: -webkit-linear-gradient(bottom left, #fb4c7f 0%, #573d7d 100%);
  background-image: linear-gradient(to top right, #fb4c7f 0%, #573d7d 100%);
  background-color: #7b4c7f;
  color: #fff; }

.btn-wine.btn-shadow {
  box-shadow: 0 3px 20px rgba(87, 61, 125, 0.45); }

.btn-wine:focus,
.btn-wine:hover {
  background-image: -webkit-linear-gradient(bottom left, #573d7d 0%, #fb4c7f 100%);
  background-image: linear-gradient(to top right, #573d7d 0%, #fb4c7f 100%);
  background-color: #7b4c7f;
  color: #fff; }

.btn-beach {
  background-image: linear-gradient(45deg, #76c4ff 0%, #77bff8 100%);
  background-color: #76c4ff;
  color: #fff; }

.btn-beach.btn-shadow {
  box-shadow: 0 3px 20px rgba(118, 196, 255, 0.45); }

.btn-beach:focus,
.btn-beach:hover {
  background-image: linear-gradient(45deg, #77bff8 0%, #76c4ff 100%);
  background-color: #76c4ff;
  color: #fff; }

.gorilla-big-btn {
  font-family: "Roboto",sans-serif;
  padding: 5px 20px;
  margin-right: 10px; }

.gorilla-big-btn .fa {
  float: left;
  font-size: 30px;
  margin-top: 4px;
  padding: 0; }

.gorilla-big-btn .normal-txt {
  display: block;
  font-size: 11px;
  font-weight: 300;
  margin-top: 2px;
  padding-left: 30px;
  padding-right: 15px;
  text-transform: capitalize; }

.gorilla-big-btn .big-txt {
  display: block;
  font-size: 17px;
  font-weight: bold;
  margin-top: -3px;
  padding-left: 30px;
  text-align: left; }

/* ------------------------------------
 * Buttons Hover Effects
 * ------------------------------- */
.hover-box {
  padding: 30px;
  transition: all 0.3s ease 0s; }

.hover-box:hover {
  margin-top: -5px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.hover-box.white:hover {
  background-color: #fff; }

.hover-flat {
  position: relative;
  transition: all 0.3s ease 0s; }

.hover-flat::before {
  content: "";
  height: 10px;
  left: 5%;
  opacity: 0;
  z-index: -1;
  width: 90%;
  top: 100%;
  position: absolute;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(center center ellipse, rgba(0, 0, 0, 0.15) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(center center ellipse, rgba(0, 0, 0, 0.15) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.15) 0%, transparent 80%) repeat scroll 0 0; }

.hover-flat:hover,
.hover-flat:focus,
.hover-flat:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); }

.hover-flat:hover::before,
.hover-flat:focus::before,
.hover-flat:active::before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px); }

.hover-radial {
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0px);
  transform: perspective(1px) translateZ(0px); }

.hover-radial::before,
.hover-radial::after {
  background-repeat: no-repeat;
  box-sizing: border-box;
  content: "";
  height: 5px;
  left: 10%;
  opacity: 0;
  width: 80%;
  pointer-events: none;
  position: absolute;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.hover-radial::before {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%) repeat scroll 0 0;
  bottom: 100%; }

.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.35) 0%, transparent 80%) repeat scroll 0 0;
  top: 100%; }

.btn-ripe.hover-radial::before,
.video-inner .et-icon.bg-ripe:hover {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-ripe.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(245, 57, 108, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-fisher.hover-radial::before,
.video-inner .et-icon.bg-fisher:hover {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-fisher.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(102, 166, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-fader.hover-radial::before,
.video-inner .et-icon.bg-fader:hover {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-fader.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(161, 140, 209, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-wine.hover-radial::before,
.video-inner .et-icon.bg-wine:hover {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-wine.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(87, 61, 125, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-beach.hover-radial::before,
.video-inner .et-icon.bg-beach:hover {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% 150% ellipse, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% 150% ellipse, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150%, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.btn-beach.hover-radial::after {
  background: rgba(0, 0, 0, 0) -webkit-radial-gradient(50% -50% ellipse, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-radial-gradient(50% -50% ellipse, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50%, rgba(118, 196, 255, 0.75) 0%, transparent 80%) repeat scroll 0 0; }

.hover-radial:hover::before,
.hover-radial:focus::before,
.hover-radial:active::before,
.hover-radial:hover::after,
.hover-radial:focus::after,
.hover-radial:active::after {
  opacity: 1; }

/* =================================================
 * UTILITY CSS
 * ===============================================*/
/*---------------------------------
 Global margins
 ------------------------------- */
.m-0 {
  margin: 0 !important; }

/* margin-top */
.m-top-5 {
  margin-top: 5px; }

.m-top-10 {
  margin-top: 10px; }

.m-top-15 {
  margin-top: 15px; }

.m-top-20 {
  margin-top: 20px; }

.m-top-25 {
  margin-top: 25px; }

.m-top-30 {
  margin-top: 30px; }

.m-top-35 {
  margin-top: 35px; }

.m-top-40 {
  margin-top: 40px; }

.m-top-45 {
  margin-top: 45px; }

.m-top-50 {
  margin-top: 50px; }

.m-top-60 {
  margin-top: 60px; }

.m-top-80 {
  margin-top: 80px; }

.m-top-100 {
  margin-top: 100px; }

.m-top-120 {
  margin-top: 120px; }

/* margin-bottom */
.m-bot-5 {
  margin-bottom: 5px; }

.m-bot-10 {
  margin-bottom: 10px; }

.m-bot-15 {
  margin-bottom: 15px; }

.m-bot-20 {
  margin-bottom: 20px; }

.m-bot-25 {
  margin-bottom: 25px; }

.m-bot-30 {
  margin-bottom: 30px; }

.m-bot-35 {
  margin-bottom: 35px; }

.m-bot-40 {
  margin-bottom: 40px; }

.m-bot-45 {
  margin-bottom: 45px; }

.m-bot-50 {
  margin-bottom: 50px; }

.m-bot-60 {
  margin-bottom: 60px; }

.m-bot-70 {
  margin-bottom: 80px; }

.m-bot-80 {
  margin-bottom: 80px; }

.m-bot-100 {
  margin-bottom: 100px; }

.m-bot-120 {
  margin-bottom: 120px; }

/*---------------------------------
 Global Paddings
 ------------------------------- */
.p-0 {
  padding: 0 !important; }

/* padding top */
.p-top-5 {
  padding-top: 5px; }

.p-top-10 {
  padding-top: 10px; }

.p-top-15 {
  padding-top: 15px; }

.p-top-20 {
  padding-top: 20px; }

.p-top-25 {
  padding-top: 25px; }

.p-top-30 {
  padding-top: 30px; }

.p-top-35 {
  padding-top: 35px; }

.p-top-40 {
  padding-top: 40px; }

.p-top-45 {
  padding-top: 45px; }

.p-top-50 {
  padding-top: 50px; }

.p-top-60 {
  padding-top: 60px; }

.p-top-70 {
  padding-top: 70px; }

.p-top-80 {
  padding-top: 80px; }

.p-top-90 {
  padding-top: 90px; }

.p-top-100 {
  padding-top: 100px; }

.p-top-110 {
  padding-top: 110px; }

.p-top-120 {
  padding-top: 120px; }

.p-top-130 {
  padding-top: 130px; }

.p-top-140 {
  padding-top: 140px; }

.p-top-150 {
  padding-top: 150px; }

/* padding-bottom */
.p-bot-5 {
  padding-bottom: 5px; }

.p-bot-10 {
  padding-bottom: 10px; }

.p-bot-15 {
  padding-bottom: 15px; }

.p-bot-20 {
  padding-bottom: 20px; }

.p-bot-25 {
  padding-bottom: 25px; }

.p-bot-30 {
  padding-bottom: 30px; }

.p-bot-35 {
  padding-bottom: 35px; }

.p-bot-40 {
  padding-bottom: 40px; }

.p-bot-45 {
  padding-bottom: 45px; }

.p-bot-50 {
  padding-bottom: 50px; }

.p-bot-60 {
  padding-bottom: 60px; }

.p-bot-70 {
  padding-bottom: 70px; }

.p-bot-80 {
  padding-bottom: 80px; }

.p-bot-90 {
  padding-bottom: 90px; }

.p-bot-100 {
  padding-bottom: 100px; }

.p-bot-110 {
  padding-bottom: 110px; }

.p-bot-120 {
  padding-bottom: 120px; }

.p-bot-130 {
  padding-bottom: 130px; }

.p-bot-140 {
  padding-bottom: 140px; }

.p-bot-150 {
  padding-bottom: 150px; }

@media only screen and (min-width: 970px) {
  .p-lg-left-30 {
    padding-left: 30px; }

  .p-lg-right-30 {
    padding-right: 30px; } }
@media only screen and (max-width: 767px) {
  /* margin-top */
  .m-sm-top-0 {
    margin-top: 0; }

  .m-sm-top-5 {
    margin-top: 5px; }

  .m-sm-top-10 {
    margin-top: 10px; }

  .m-sm-top-15 {
    margin-top: 15px; }

  .m-sm-top-20 {
    margin-top: 20px; }

  .m-sm-top-25 {
    margin-top: 25px; }

  .m-sm-top-30 {
    margin-top: 30px; }

  .m-sm-top-35 {
    margin-top: 35px; }

  .m-sm-top-40 {
    margin-top: 40px; }

  .m-sm-top-45 {
    margin-top: 45px; }

  .m-sm-top-50 {
    margin-top: 50px; }

  .m-sm-top-60 {
    margin-top: 60px; }

  .m-sm-top-80 {
    margin-top: 80px; }

  .m-sm-top-100 {
    margin-top: 100px; }

  .m-sm-top-120 {
    margin-top: 120px; }

  /* margin-bottom */
  .m-sm-bot-0 {
    margin-bottom: 0; }

  .m-sm-bot-5 {
    margin-bottom: 5px; }

  .m-sm-bot-10 {
    margin-bottom: 10px; }

  .m-sm-bot-15 {
    margin-bottom: 15px; }

  .m-sm-bot-20 {
    margin-bottom: 20px; }

  .m-sm-bot-25 {
    margin-bottom: 25px; }

  .m-sm-bot-30 {
    margin-bottom: 30px; }

  .m-sm-bot-35 {
    margin-bottom: 35px; }

  .m-sm-bot-40 {
    margin-bottom: 40px; }

  .m-sm-bot-45 {
    margin-bottom: 45px; }

  .m-sm-bot-50 {
    margin-bottom: 50px; }

  .m-sm-bot-60 {
    margin-bottom: 60px; }

  .m-sm-bot-70 {
    margin-bottom: 80px; }

  .m-sm-bot-80 {
    margin-bottom: 80px; }

  .m-sm-bot-100 {
    margin-bottom: 100px; }

  .m-sm-bot-120 {
    margin-bottom: 120px; }

  /* padding top */
  .p-sm-top-0 {
    padding-top: 0; }

  .p-sm-top-5 {
    padding-top: 5px; }

  .p-sm-top-10 {
    padding-top: 10px; }

  .p-sm-top-15 {
    padding-top: 15px; }

  .p-sm-top-20 {
    padding-top: 20px; }

  .p-sm-top-25 {
    padding-top: 25px; }

  .p-sm-top-30 {
    padding-top: 30px; }

  .p-sm-top-35 {
    padding-top: 35px; }

  .p-sm-top-40 {
    padding-top: 40px; }

  .p-sm-top-45 {
    padding-top: 45px; }

  .p-sm-top-50 {
    padding-top: 50px; }

  .p-sm-top-60 {
    padding-top: 60px; }

  .p-sm-top-80 {
    padding-top: 80px; }

  .p-sm-top-100 {
    padding-top: 100px; }

  .p-sm-top-120 {
    padding-top: 120px; }

  /* padding-bottom */
  .p-sm-bot-0 {
    padding-bottom: 0; }

  .p-sm-bot-5 {
    padding-bottom: 5px; }

  .p-sm-bot-10 {
    padding-bottom: 10px; }

  .p-sm-bot-15 {
    padding-bottom: 15px; }

  .p-sm-bot-20 {
    padding-bottom: 20px; }

  .p-sm-bot-25 {
    padding-bottom: 25px; }

  .p-sm-bot-30 {
    padding-bottom: 30px; }

  .p-sm-bot-35 {
    padding-bottom: 35px; }

  .p-sm-bot-40 {
    padding-bottom: 40px; }

  .p-sm-bot-45 {
    padding-bottom: 45px; }

  .p-sm-bot-50 {
    padding-bottom: 50px; }

  .p-sm-bot-60 {
    padding-bottom: 60px; }

  .p-sm-bot-80 {
    padding-bottom: 80px; }

  .p-sm-bot-100 {
    padding-bottom: 100px; }

  .p-sm-bot-120 {
    padding-bottom: 120px; } }
/* ===================================
 * MENU CSS
 =================================== */
nav.navbar.bootsnav {
  border: none; }

.navbar-brand {
  height: 70px; }

.navbar-default .navbar-brand {
  font-size: 36px;
  font-family: "Monoton", cursive;
  padding-top: 20px;
  transition: all 0.3s ease 0s; }

nav.ripe .navbar-brand {
  color: #f275b5; }

nav.fisher .navbar-brand {
  color: #78d0fe; }

nav.fader .navbar-brand {
  color: #a18cd1; }

nav.wine .navbar-brand {
  color: #fb4c7f; }

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  opacity: 0.85; }

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: inherit; }

.white.no-background.fisher .navbar-brand,
.white.no-background.fader .navbar-brand,
.white.no-background.wine .navbar-brand {
  color: #fff; }

nav.navbar.bootsnav {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }

nav.navbar.bootsnav ul.nav > li > a {
  color: #7d7d7d;
  font-weight: 300;
  padding: 25px 15px;
  letter-spacing: 1px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  border: none; }

nav.navbar-full .attr-nav {
  margin: 0;
  position: absolute;
  right: 70px;
  top: 13px; }

nav.navbar-full .attr-nav > ul > li > a {
  border: medium none;
  border-radius: 50%;
  color: #a18cd1;
  display: block;
  font-size: 25px;
  height: 35px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 35px; }

nav.navbar-full.no-background .attr-nav > ul > li > a {
  color: #fff; }

nav.navbar-full .attr-nav > ul > li > a:hover,
nav.navbar-full .attr-nav > ul > li > a:focus {
  background: transparent; }

nav.bootsnav.navbar-full {
  padding: 0; }

nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu,
nav.bootsnav.navbar-full .navbar-collapse .nav-full {
  overflow-x: hidden;
  overflow-y: auto; }

nav.navbar.navbar-full.bootsnav ul.nav > li > a {
  display: inline-block; }

nav.navbar.navbar-full.no-background.bootsnav ul.nav > li.scroll > a {
  padding: 15px; }

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li.close-full-menu > a {
  padding: 10px 15px; }

nav.navbar-full.bootsnav .navbar-toggle,
nav.navbar-full.bootsnav .navbar-brand {
  color: #a18cd1; }

nav.navbar-full.bootsnav.no-background .navbar-toggle,
nav.navbar-full.bootsnav.no-background .navbar-brand {
  color: #fff; }

nav.navbar.navbar-full.bootsnav ul.nav > li.active > a,
nav.navbar.navbar-full.bootsnav ul.nav > li.active > a:focus,
nav.navbar.navbar-full.bootsnav ul.nav > li.active > a:hover,
nav.navbar.navbar-full.bootsnav ul.nav > li > a:focus,
nav.navbar.navbar-full.bootsnav ul.nav > li > a:hover,
nav.navbar.navbar-full.no-background.bootsnav ul.nav > li.active > a,
nav.navbar.navbar-full.no-background.bootsnav ul.nav > li.active > a:focus,
nav.navbar.navbar-full.no-background.bootsnav ul.nav > li.active > a:hover,
nav.navbar.navbar-full.no-background.bootsnav ul.nav > li > a:focus,
nav.navbar.navbar-full.no-background.bootsnav ul.nav > li > a:hover {
  background-color: #a18cd1;
  color: #fff;
  display: inline-block;
  margin: 0; }

nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li.active > a:focus,
nav.navbar.bootsnav ul.nav > li.active > a:hover,
nav.navbar.bootsnav ul.nav > li > a:focus,
nav.navbar.bootsnav ul.nav > li > a:hover {
  background-color: #f3f3f3;
  color: #111;
  margin: 0;
  display: inline-block; }

nav.navbar.bootsnav.ripe ul.nav > li.active > a,
nav.navbar.bootsnav.ripe ul.nav > li.active > a:focus,
nav.navbar.bootsnav.ripe ul.nav > li.active > a:hover,
nav.navbar.bootsnav.ripe ul.nav > li > a:focus,
nav.navbar.bootsnav.ripe ul.nav > li > a:hover {
  background-color: #f275b5;
  color: #fff;
  margin: 0; }

nav.navbar.bootsnav.fisher ul.nav > li.active > a,
nav.navbar.bootsnav.fisher ul.nav > li.active > a:focus,
nav.navbar.bootsnav.fisher ul.nav > li.active > a:hover,
nav.navbar.bootsnav.fisher ul.nav > li > a:focus,
nav.navbar.bootsnav.fisher ul.nav > li > a:hover {
  background-color: #78d0fe;
  color: #fff;
  margin: 0; }

nav.navbar.bootsnav.fader ul.nav > li.active > a,
nav.navbar.bootsnav.fader ul.nav > li.active > a:focus,
nav.navbar.bootsnav.fader ul.nav > li.active > a:hover,
nav.navbar.bootsnav.fader ul.nav > li > a:focus,
nav.navbar.bootsnav.fader ul.nav > li > a:hover {
  background-color: #a18cd1;
  color: #fff;
  margin: 0; }

nav.navbar.bootsnav.wine ul.nav > li.active > a,
nav.navbar.bootsnav.wine ul.nav > li.active > a:focus,
nav.navbar.bootsnav.wine ul.nav > li.active > a:hover,
nav.navbar.bootsnav.wine ul.nav > li > a:focus,
nav.navbar.bootsnav.wine ul.nav > li > a:hover {
  background-color: #fb4c7f;
  color: #fff;
  margin: 0; }

nav.navbar.bootsnav.no-background ul.nav > li > a,
nav.navbar.bootsnav.no-background.ripe ul.nav > li > a,
nav.navbar.bootsnav.no-background.fisher ul.nav > li > a,
nav.navbar.bootsnav.no-background.fader ul.nav > li > a,
nav.navbar.bootsnav.no-background.wine ul.nav > li > a {
  padding: 30px 15px;
  border-color: transparent;
  background-color: transparent; }

nav.navbar.bootsnav.no-background ul.nav > li.active > a,
nav.navbar.bootsnav.no-background ul.nav > li.active > a:focus,
nav.navbar.bootsnav.no-background ul.nav > li.active > a:hover,
nav.navbar.bootsnav.no-background ul.nav > li > a:focus,
nav.navbar.bootsnav.no-background ul.nav > li > a:hover {
  color: #383838;
  margin: 0;
  border-color: transparent;
  background-color: transparent; }

nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a,
nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a:focus,
nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a:hover,
nav.navbar.bootsnav.no-background.fisher.white ul.nav > li > a:focus,
nav.navbar.bootsnav.no-background.fisher.white ul.nav > li > a:hover,
nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a,
nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a:focus,
nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a:hover,
nav.navbar.bootsnav.no-background.fader ul.nav > li > a:focus,
nav.navbar.bootsnav.no-background.fader ul.nav > li > a:hover,
nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a,
nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a:focus,
nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a:hover,
nav.navbar.bootsnav.no-background.wine ul.nav > li > a:focus,
nav.navbar.bootsnav.no-background.wine ul.nav > li > a:hover {
  color: #fff; }

nav.navbar.navbar-full.bootsnav.no-background.fisher.white ul.nav > li.active > a,
nav.navbar.navbar-full.bootsnav.no-background.fisher.white ul.nav > li.active > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.fisher.white ul.nav > li.active > a:hover,
nav.navbar.navbar-full.bootsnav.no-background.fisher.white ul.nav > li > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.fisher.white ul.nav > li > a:hover,
nav.navbar.navbar-full.bootsnav.no-background.fader ul.nav > li.active > a,
nav.navbar.navbar-full.bootsnav.no-background.fader ul.nav > li.active > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.fader ul.nav > li.active > a:hover,
nav.navbar.navbar-full.bootsnav.no-background.fader ul.nav > li > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.fader ul.nav > li > a:hover,
nav.navbar.navbar-full.bootsnav.no-background.wine ul.nav > li.active > a,
nav.navbar.navbar-full.bootsnav.no-background.wine ul.nav > li.active > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.wine ul.nav > li.active > a:hover,
nav.navbar.navbar-full.bootsnav.no-background.wine ul.nav > li > a:focus,
nav.navbar.navbar-full.bootsnav.no-background.wine ul.nav > li > a:hover {
  color: #f275b5; }

nav.navbar.bootsnav.no-background .navbar-brand {
  font-size: 30px;
  padding-top: 25px; }

/* navbr transparent */
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
nav.navbar.bootsnav.no-background.white ul.nav > li > a {
  color: #fff; }

nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a,
nav.navbar.bootsnav.no-background.dark ul.nav > li > a {
  color: #383838; font-weight: 400; }

nav.bootsnav.brand-center ul.nav {
  margin-bottom: -10px !important; }

nav.navbar.bootsnav.brand-center ul.nav > li > a {
  margin-bottom: 2px; }

nav.navbar.bootsnav .navbar-toggle {
  font-size: 40px;
  background: transparent; }

/* navbar social */
.attr-nav > ul {
  margin: 0 0 0 20px; }

.attr-nav > ul > li > a {
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  color: #292929;
  display: block;
  height: 30px;
  margin: 20px 3px 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 30px;
  font-size: 14px;
  line-height: 30px;
  transition: all 0.5s ease 0s; }

.attr-nav > ul > li > a:hover {
  background-color: #f7f7f7; }

/* navbar sidebar */
nav.no-background .custom-attr-nav .side-menu > a {
  border: none;
  color: #fff;
  font-size: 40px; }

.custom-attr-nav .side-menu > a {
  border: medium none;
  font-size: 33px;
  color: #78d0fe; }

.custom-attr-nav .side-menu > a:hover,
.custom-attr-nav .side-menu > a:focus {
  background: none; }

.sidebar-ceo {
  color: #ffff;
  margin-top: 30px;
  text-align: center; }

.sidebar-ceo img {
  border-radius: 50%;
  display: block;
  height: 80px;
  margin: 0 auto;
  width: 80px; }

.sidebar-ceo h4 {
  color: #fff;
  font-size: 20px;
  margin: 25px auto 15px; }

.sidebar-ceo p {
  font-size: 13px;
  line-height: 24px; }

.sidebar-ceo a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50px;
  box-shadow: 0px 1px 3px #000;
  color: #222;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  line-height: 34px;
  margin: 10px 3px;
  width: 35px;
  transition: all 0.5s ease 0s; }

.sidebar-ceo a:hover {
  background: #3d3d3d none repeat scroll 0 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  color: #fff; }

/* =====================================
 * BANNER CSS
 * ===================================== */
.banner {
  background-color: #f6f6f6;
  height: 700px;
  position: relative; }

.banner.paw-ripe {
  background-image: url("../img/banner/paw-top-ripe.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 150px auto; }

.banner.paw-ripe::before {
  background-image: url("../img/banner/paw-bot-ripe.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  height: 350px;
  left: 0;
  position: absolute;
  width: 350px; }

.banner.paw-fisher {
  background-image: url("../img/banner/paw-top-fisher.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 150px auto; }

.banner.paw-fisher::before {
  background-image: url("../img/banner/paw-bot-fisher.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  height: 350px;
  left: 0;
  position: absolute;
  width: 350px; }

.banner::after {
  background-image: url("../img/banner/angle-down-1.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: -200px;
  content: "";
  height: 200px;
  left: 0;
  position: absolute;
  width: 100%; }

.banner-texts {
  margin-top: 40%; }

.banner-texts .big-logo-text {
  color: #585b60;
  font-family: "Monoton",cursive;
  font-size: 70px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 25px; }

.banner-texts h2 {
  font-family: "Roboto",sans-serif;
  font-weight: 100;
  margin: 0 0 10px; }

.banner-texts .buttons {
  margin-top: 30px; }

/* Banner Phones */
.banner-one-phone-2 {
  max-width: 800px;
  position: absolute;
  right: -60px;
  top: 150px; }

.banner-iwatch-alt {
  max-width: 480px;
  margin-top: 50px; }

/* banner two */
.banner-two {
  height: 720px;
  position: relative; }

.banner-two-contents {
  margin-top: 38%; }

.banner-two-contents h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 56px;
  margin: 0 0 30px; }

.banner-two-contents p {
  color: #fff; }

.banner-two-contents .btn {
  margin-right: 15px; }

.banner-two-contents .btn-transparent {
  color: #fff;
  border-color: #fff; }

.banner-two-contents .btn-transparent:hover {
  color: #585b60;
  background-color: #fff;
  border-color: #fff; }

.banner-two-phone {
  max-width: 600px;
  position: absolute;
  top: 150px;
  right: 10%; }

.promo-texts {
  padding-bottom: 120px; }

.promo-texts h2 {
  font-weight: 100;
  margin: 25px 0 20px; }

/* Banner Three */
.banner-three {
  overflow: hidden;
  position: relative;
  height: 780px; }

.banner-three:before,
.banner-four:before,
.banner-five:before {
  content: " ";
  background-image: url("../img/banner/lines.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 200px;
  content: "";
  height: 400px;
  left: 0;
  position: absolute;
  width: 100%; }

.banner-three:after {
  content: " ";
  background-image: url("../img/banner/white-angle-bottom.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: -20px;
  content: "";
  height: 140px;
  left: 0;
  position: absolute;
  width: 100%; }

.banner-three-contents {
  margin-top: 30%; }

.banner-three-contents h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 54px;
  margin: 0 0 20px;
  text-transform: uppercase; }

.banner-three-contents p {
  color: #fff; }

.banner-three-icon-btn {
  color: #fff;
  display: block;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  width: 240px;
  margin: 0 0 15px; }

.banner-three-icon-btn .et-icon {
  float: left;
  font-size: 40px;
  margin-top: 10px;
  padding: 0 15px 0 0; }

.banner-three-icon-btn .big {
  display: block;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: uppercase; }

.btn-banner-three {
  background-color: #fff;
  color: #445361;
  font-size: 26px;
  margin-right: 30px;
  padding: 12px 28px;
  margin-bottom: 10px; }

.btn-banner-three .fa {
  margin-left: 5px; }

.btn-banner-three:hover .fa {
  color: #a29f9f; }

.banner-three-phone {
  margin: 150px auto 0;
  display: block;
  max-width: 420px; }

/* Banner four */
.banner-four {
  position: relative;
  padding-bottom: 150px; }

.banner-four:after {
  content: " ";
  background-image: url("../img/banner/white-angle-bottom-2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: "";
  height: 140px;
  left: 0;
  position: absolute;
  width: 100%; }

.banner-four-contents {
  text-align: center; }

.banner-four-contents .big-logo {
  color: #fff;
  font-family: "Monoton",cursive;
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 30px; }

.banner-four-contents h2 {
  color: #fff;
  font-weight: 100;
  letter-spacing: 2px;
  margin: 0 auto 30px; }

.banner-four-contents {
  margin-top: 200px; }

.banner-four-phone {
  margin-top: 50px; }

.banner-four-phone img {
  max-width: 750px;
  margin: 0 auto;
  display: block;
  padding-top: 50px; }

/* Banner Five */
.banner-five {
  height: 700px;
  position: relative; }

.banner-five-contents {
  margin-top: 25%; }

.banner-five-contents .big-texts {
  color: #fff;
  font-family: "monoton",cursive;
  font-size: 48px;
  line-height: 48px;
  margin: 0 0 30px;
  text-transform: uppercase;
  word-spacing: 10px; }

.banner-five-contents .big-texts .et-icon {
  margin-left: 10px; }

.banner-five-contents p {
  color: #fff; }

.banner-five-phone img {
  bottom: 0;
  max-width: 500px;
  position: absolute;
  right: 0; }

.banner-five.before-none:before {
  content: "";
  display: none; }

/* Banner eight */
.banner-style-8-wrap {
  height: 700px; }

.banner-style-8 {
  margin-top: 16%; }

.banner-style-8 .one {
  font-size: 52px;
  font-weight: 100;
  letter-spacing: 3px;
  margin: 0;
  text-transform: uppercase; }

.banner-style-8 .two {
  font-size: 45px;
  font-weight: 100;
  margin: 25px auto 60px;
  text-transform: capitalize; }

/* Banner nine */
.banner-four.four-alt {
  height: 800px; }

.banner-four.four-alt .banner-style-8 {
  margin-top: 20%;
  color: #fff; }

.banner-four.four-alt .banner-style-8 .one {
  text-transform: capitalize; }

.banner-four.four-alt .banner-style-8 .one,
.banner-four.four-alt .banner-style-8 .two {
  color: #fff; }

/* banner ten */
.banner-10 {
  margin-top: 150px; }

.banner-10 .one {
  font-size: 50px;
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase; }

.banner-10 .two {
  font-size: 36px;
  font-weight: 100;
  letter-spacing: 3px;
  margin: 25px 0 30px;
  text-transform: capitalize; }

.banner-10 .texts {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 45px;
  max-width: 600px; }

.banner-10 .social li {
  display: inline-block; }

.banner-10 .social li a {
  width: 60px;
  display: inline-block;
  text-align: center;
  height: 60px;
  font-size: 25px;
  border-radius: 50%;
  padding-top: 16px;
  margin-right: 10px;
  background-color: #4d4d4d;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.banner-10 .social li a:hover {
  background-color: #2d2d2d; }

/* Banner eleven */
#video_banner {
  position: relative;
  background: transparent; }

.ytplayer-container {
  position: absolute;
  top: 0;
  z-index: -1; }

.banner-11 {
  padding-top: 200px;
  height: 100%; }

.banner-11-inner {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 60px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  display: block; }

.banner-11-inner .one {
  letter-spacing: 10px;
  margin: 0;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 100; }

.banner-11-inner .two {
  font-size: 22px;
  font-weight: 100;
  margin: 22px auto 30px; }

.rtl-image {
  max-width: 350px;
  margin-top: 120px; }

/* ================================
 * SIDEBAR CSS
 * =========================== */
.widget {
  margin-bottom: 50px; }

.widget-box {
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.widget-heading {
  text-transform: uppercase;
  margin: 0; }

/* Author widget */
.widget-author {
  border-radius: 0 0 12px 12px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.author-cover {
  height: 130px;
  border-radius: 12px 12px 0 0;
  background-size: cover;
  background-position: center center;
  background-color: #FB4C7F; }

.auth-avatar {
  border: 4px solid #fff;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #FB4C7F;
  margin: -60px auto 0;
  display: block; }

.auth-avatar a {
  display: block; }

.auth-avatar img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.auth-contents {
  padding: 20px 30px 30px;
  text-align: center; }

.auth-title {
  font-size: 22px;
  margin: 0 auto; }

.auth-title a {
  color: #333; }

/* Widget Media */
.widget .media {
  margin-bottom: 20px; }

.widget .media-left {
  width: 80px;
  float: left;
  margin-right: 10px; }

.widget .media-left img {
  max-width: 100%;
  border-radius: 3px; }

.widget .media-heading a {
  color: #333; }

.widget .media-heading a:hover {
  color: #f275b5; }

/* Widget Tweet */
.widget-tweet {
  position: relative; }

.widget-tweet .tweet-icon {
  position: absolute;
  color: #51BCDA;
  top: 22px;
  font-size: 30px;
  right: 30px; }

.tweet-box {
  background: #f6f6f6;
  padding: 15px;
  margin-top: 15px;
  position: relative;
  border-radius: 6px; }

.tweet-box:after {
  top: 100%;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #f6f6f6;
  border-width: 18px;
  margin-right: 0px; }

.widget-tweet .tweet-box p {
  color: #5e5e5e;
  font-size: 14px;
  line-height: 22px;
  margin: 0; }

.widget-tweet .tweet-img {
  margin-top: 35px; }

.widget-tweet .tweet-img img {
  background: #ddd none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  font-size: 0;
  height: 50px;
  margin-right: 12px;
  margin-top: -10px;
  width: 50px;
  float: left; }

/* Widget Categories */
.cat-list {
  margin: 0;
  padding: 0; }

.cat-list li {
  display: block;
  position: relative;
  padding-left: 2px; }

.cat-list li:before {
  content: "\f105";
  font-family: fontawesome;
  position: absolute;
  top: 4px;
  left: 0; }

.cat-list li:hover:before {
  left: 1px;
  color: #FB4C7F; }

.cat-list li a {
  display: block;
  color: #333;
  padding: 4px 15px; }

/* Widget Tags */
.widget-tags a {
  border-radius: 3px;
  color: #333;
  background-color: #f6f6f6;
  display: inline-block;
  font-size: 13px;
  margin: 3px 1px;
  padding: 3px 16px; }

.widget-tags a:hover {
  color: #fff;
  background-color: #FB4C7F; }

/* ========================================
 * Cstom Scroll bar
 * ======================================== */
.mCSB_scrollTools .mCSB_draggerContainer {
  right: -7px; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px; }

/* ========================================
* SWIPER SLIDER CSS
* ======================================== */
.swiper-3d-gallery {
  width: 100%; }

.swiper-3d-gallery .swiper-slide {
  background-position: center;
  background-size: 100% 100%;
  width: 260px;
  height: 460px; }

.swiper-3d-gallery .swiper-slide img {
  width: 100%;
  height: 100%; }

.swiper-review {
  padding-bottom: 50px; }

.white .swiper-pagination-bullet {
  background: #fff none repeat scroll 0 0; }

.white .swiper-pagination-bullet-active {
  background: #fff none repeat scroll 0 0;
  opacity: 1; }

.clients-logos {
  text-align: center; }

.clients-logos .swiper-slide {
  cursor: pointer; }

.clients-logos .swiper-slide img {
  opacity: 0.35;
  transition: all 0.3s ease 0s; }

.clients-logos .swiper-slide img:hover {
  opacity: 0.5; }

.phone-slide-gallery .swiper-slide img {
  width: 100%;
  height: 100%; }

.single-review {
  text-align: center; }

.reviewer {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto;
  display: block; }

.single-review img {
  width: 100%; }

.single-review h3 {
  text-transform: uppercase; }

.single-review h4 {
  letter-spacing: 1px;
  line-height: 26px;
  margin: 25px auto 0; }

.single-review.white h3,
.single-review.white p,
.single-review.white h4 {
  color: #fff; }

.swiper-gallery-normal .swiper-slide img {
  width: 100%; }

/* ===================================
 * Ripple CSS
 * ================================== */
#c {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  z-index: -1; }

canvas#bg {
  display: none; }

/* ================================================
 * MODAL POPUP CSS
 * ================================================== */
#ouibounce-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

#ouibounce-modal .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s; }

#ouibounce-modal .modal {
  animation: 0.3s ease 0s normal none 1 running popin;
  background-color: transparent;
  border-radius: 4px;
  display: block;
  height: auto;
  margin: auto;
  position: relative;
  width: 600px;
  z-index: 1;
  margin-top: 100px;
  overflow: visible; }

#ouibounce-modal .modal-body {
  padding: 45px 30px; }

#ouibounce-modal .modal-dialog {
  margin: 0 auto; }

.modal-image-box {
  width: 200px;
  height: 200px;
  background-color: #ddd;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: -50px;
  overflow: hidden;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.15); }

.modal-image-box img {
  width: 100%; }

.modal-description {
  margin-left: 160px;
  margin-right: 40px; }

.modal-description .details h2 {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0 auto 20px;
  text-transform: capitalize; }

.modal-description .details p {
  line-height: 28px;
  margin: 0; }

.modal-description form {
  margin-top: 30px; }

.modal-description input {
  height: 44px;
  background-color: #f6faf9;
  margin-bottom: 20px; }

.modal-description .btn-modal {
  height: 44px;
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 1px; }

.modal-description .btn-modal:hover {
  opacity: 0.85; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
/* =====================================
 * ANIMATIONS CSS
 * ===================================== */
@keyframes pulse {
  50% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }
.animate-pulse,
.btn-banner-three:hover .fa {
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.color-unlimited {
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear; }

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg); }
  to {
    -webkit-filter: hue-rotate(-360deg); } }
.animate-cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: 500em;
  height: 100%;
  opacity: 1;
  visibility: inherit;
  background: transparent url("../img/cloudwash.png") repeat-x scroll 0 100%;
  -webkit-animation: cloudwash 60s linear infinite;
  -moz-animation: cloudwash 60s linear infinite;
  animation: cloudwash 60s linear infinite; }

@-webkit-keyframes cloudwash {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); } }
@keyframes cloudwash {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); } }
/* =========================================
 * FOOTER CSS
 * ====================================== */
.footer {
  position: relative; }

.footer-left .footer-logo {
  font-family: 'Monoton', cursive;
  font-size: 40px;
  letter-spacing: 2px;
  color: #929292; }

.footer-left h2 {
  font-weight: 100;
  letter-spacing: 5px;
  margin: 25px auto 20px; }

.footer-right .et-icon {
  font-size: 60px;
  color: #929292; }

.footer-right h1 {
  font-weight: 100;
  letter-spacing: 5px;
  margin: 30px auto 20px; }

.footer.shadow-50 {
  background-color: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.footer.dark {
  background-color: #333;
  color: #fff; }

.footer.dark .footer-left .footer-logo,
.footer.dark .footer-left h2,
.footer.dark .footer-left a,
.footer.dark .footer-right .et-icon,
.footer.dark .footer-right h1,
.footer.dark p,
.footer.dark h4 {
  color: #fff; }

/* footer scroll to top */
#scrollUp {
  background-color: #333;
  border-radius: 50%;
  bottom: 35px;
  box-shadow: 0 15px 12px 0 rgba(0, 0, 0, 0.22), 0 19px 38px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  display: block;
  font-size: 0;
  height: 38px;
  line-height: 36px;
  right: 15px;
  text-align: center;
  text-decoration: none;
  width: 38px; }

#scrollUp:before {
  content: "\f102";
  font-size: 18px;
  font-family: fontawesome; }

#scrollUp:focus,
#scrollUp:hover {
  color: #fff;
  opacity: 0.85; }

/* ==============================================
 * COLORS & BACKGROUNDS CSS
 * =========================================== */
.gray {
  color: #ddd; }

.ripe {
  color: #f275b5; }

.fisher {
  color: #78D0FE; }

.fader {
  color: #a18cd1; }

.wine {
  color: #FB4C7F; }

.beach {
  color: #76c4ff; }

.bg-gray {
  background-color: #F6F6F6; }

.bg-gray-light {
  background-color: #fafafa; }

.bg-ripe {
  background-image: -webkit-linear-gradient(bottom left, #f093fb 0%, #f5576c 100%);
  background-image: linear-gradient(to top right, #f093fb 0%, #f5576c 100%); }

.bg-fisher {
  background-image: -webkit-linear-gradient(bottom left, #89f7fe 0%, #66a6ff 100%);
  background-image: linear-gradient(to top right, #89f7fe 0%, #66a6ff 100%); }

.bg-fader {
  background-image: -webkit-linear-gradient(bottom, #a18cd1 0%, #fbc2eb 100%);
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }

.bg-wine {
  background-image: -webkit-linear-gradient(bottom left, #fb4c7f 0%, #573d7d 100%);
  background-image: linear-gradient(to top right, #fb4c7f 0%, #573d7d 100%); }

.bg-beach {
  background-image: -webkit-linear-gradient(bottom left, #76c4ff 0%, #77bff8 100%);
  background-image: linear-gradient(to top right, #76c4ff 0%, #77bff8 100%); }

.bg-transparent {
  background: transparent; }

.bg-stars-top-left {
  background-image: url(../img/particle-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 450px 520px; }

.bg-stars-bot-right {
  background-image: url(../img/particle-bg-bot-right.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 450px 520px; }

.bg-ink {
  background-image: url(../img/colour-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% auto; }

.bg-pattern {
  background-image: url(../img/parallax/pattern.png);
  background-repeat: repeat; }

.bg-water {
  background-image: url(../img/bg-water.jpg);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center; }

.bg-phone {
  background-image: url(../img/bg-phone.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%; }

.bg-parallax-persons {
  background-image: url(../img/parallax/bg-peoples.png);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat; }

.bg-parallax-mountain {
  background-image: url(../img/parallax/parallax-bg-1.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat; }

.bg-parallax-angle {
  background-image: url(../img/parallax/parallax-bg-2.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.bg-parallax-phone-2,
.bg-parallax-phone-2-dark {
  background-attachment: fixed;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto auto; }

.bg-parallax-phone-2 {
  background-image: url(../img/parallax/angle-phone-1.png); }

.bg-parallax-phone-2-dark {
  background-image: url(../img/parallax/angle-phone-2.png); }

/* overlay */
.overlay-light {
  position: relative; }

.overlay-light:before {
  content: "";
  background-image: linear-gradient(45deg, #fff 0%, #fff 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.65; }

.overlay-ripe {
  position: relative; }

.overlay-ripe:before {
  content: "";
  background-image: linear-gradient(45deg, #f093fb 0%, #f5576c 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95; }

.overlay-fisher {
  position: relative; }

.overlay-fisher:before {
  content: "";
  background-image: linear-gradient(45deg, #89f7fe 0%, #66a6ff 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95; }

.fisher-light.overlay-fisher:before {
  opacity: 0.85; }

.overlay-fader {
  position: relative; }

.overlay-fader:before {
  content: "";
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95; }

.overlay-wine {
  position: relative; }

.overlay-wine:before {
  content: "";
  background-image: linear-gradient(45deg, #fb4c7f 0%, #573d7d 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95; }

.overlay-light.overlay-wine:before {
  opacity: 0.85; }

.overlay-beach {
  position: relative; }

.overlay-beach:before {
  content: "";
  background-image: linear-gradient(45deg, #76c4ff 0%, #77bff8 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95; }

.overlay-beach.overlay-wine:before {
  opacity: 0.85; }

/* ==============================================================
 * RESPONSIVE CSS
 * ========================================================== */
/* -----------------------------
 * Small desktop
 * -------------------------- */
/* ---------------------------------------
 * Tablet landskape
 * ----------------------------------- */
@media (max-width: 1024px) {
  .navbar-default .navbar-brand {
    font-size: 26px; }

  .banner::after {
    background-size: 100% 100%; }

  .banner-three {
    height: auto;
    padding-bottom: 110px; }

  .banner-three::after {
    background-size: 100% 100%;
    bottom: 0;
    height: 80px; }

  .feature-list-alt-one .single-feature h3 {
    font-size: 20px; }

  .feature-img-alt-one .feature-phone-three {
    right: 60px; }

  .banner-three .col-md-6 {
    width: 60%; }

  .banner-three-phone {
    bottom: 2px;
    max-width: 358px;
    right: 30px; } }
/* -------------------------------------------------------------
 * Tablet Portrait
 * ------------------------- ---------------------------------*/
@media only screen and (max-width: 768px) {
  .animate-cloud {
    width: 100%; }

  .text-sm-left {
    text-align: left; }

  .text-sm-center {
    text-align: center; }

  .hover-box:hover {
    margin-top: auto; }

  .white.no-background.fader .navbar-brand {
    color: #a18cd1; }

  .white.no-background.fisher .navbar-brand,
  .white.no-background.fader .navbar-brand,
  .white.no-background.wine .navbar-brand {
    color: inherit; }

  nav.navbar.bootsnav ul.nav > li > a {
    padding: 15px; }

  nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
  nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
  nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
  nav.navbar.bootsnav.no-background.white ul.nav > li > a {
    color: #585b60; }

  nav.navbar.bootsnav.no-background ul.nav > li > a,
  nav.navbar.bootsnav.no-background.ripe ul.nav > li > a,
  nav.navbar.bootsnav.no-background.fisher ul.nav > li > a,
  nav.navbar.bootsnav.no-background.fader ul.nav > li > a,
  nav.navbar.bootsnav.no-background.wine ul.nav > li > a {
    padding: 15px; }

  nav.navbar.bootsnav .navbar-nav {
    border-top: 1px solid; }

  nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a,
  nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a:focus,
  nav.navbar.bootsnav.no-background.fisher.white ul.nav > li.active > a:hover,
  nav.navbar.bootsnav.no-background.fisher.white ul.nav > li > a:focus,
  nav.navbar.bootsnav.no-background.fisher.white ul.nav > li > a:hover,
  nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a,
  nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a:focus,
  nav.navbar.bootsnav.no-background.fader ul.nav > li.active > a:hover,
  nav.navbar.bootsnav.no-background.fader ul.nav > li > a:focus,
  nav.navbar.bootsnav.no-background.fader ul.nav > li > a:hover,
  nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a,
  nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a:focus,
  nav.navbar.bootsnav.no-background.wine ul.nav > li.active > a:hover,
  nav.navbar.bootsnav.no-background.wine ul.nav > li > a:focus,
  nav.navbar.bootsnav.no-background.wine ul.nav > li > a:hover {
    color: #222; }

  nav.navbar.bootsnav.no-background .attr-nav.custom-attr-nav > ul > li.side-menu > a,
  nav.navbar.bootsnav .custom-attr-nav .side-menu > a {
    border: medium none;
    color: #78d0fe;
    font-size: 40px;
    margin-top: 15px; }

  nav.navbar-full.no-background .attr-nav > ul > li > a {
    color: #a18cd1; }

  nav.navbar-full.bootsnav.no-background .navbar-toggle,
  nav.navbar-full.bootsnav.no-background .navbar-brand {
    color: #a18cd1; }

  nav.bootsnav.navbar-full .navbar-collapse ul.nav {
    top: 0;
    position: absolute; }

  .banner {
    height: 640px; }

  .banner.paw-ripe::before,
  .banner.paw-fisher::before {
    height: 240px;
    width: 270px; }

  .banner::after {
    bottom: -100px;
    height: 100px;
    background-size: 100% 100%; }

  .banner-texts {
    margin-top: 120px; }

  .banner-one-phone-2 {
    max-width: 400px; }

  .banner-iwatch-alt {
    max-width: 280px;
    margin-top: 150px; }

  .banner-two-phone {
    max-width: 400px;
    position: relative;
    margin-top: 100px;
    top: auto;
    bottom: auto; }

  .banner-two-contents h2 {
    letter-spacing: 0; }

  .banner-two-contents .btn {
    margin-bottom: 20px; }

  .banner-four {
    padding-bottom: 80px; }

  .banner-four-contents {
    margin-top: 130px; }

  .feature-img .feature-phone-one,
  .feature-img .feature-phone-two {
    width: 210px;
    position: relative;
    left: auto;
    right: auto;
    float: none;
    top: auto;
    padding: 0; }

  .feature-img-alt-one {
    margin: 70px auto 0 70px;
    clear: both; }

  .feature-list-alt-one {
    overflow: hidden; }

  .feature-img-alt-one .feature-phone-three,
  .feature-img-alt-one .feature-phone-four {
    display: block;
    float: left;
    padding-left: 10%;
    position: relative;
    right: auto;
    top: auto;
    width: 230px; }

  .phone-slide {
    position: relative;
    margin: 0 auto;
    display: block; }

  .banner {
    height: auto;
    padding-bottom: 80px; }

  .banner-three {
    height: auto; }

  .banner-three::after {
    background-size: 100% 100%;
    bottom: 0;
    height: 80px; }

  .banner-two-contents {
    margin-top: 160px;
    max-width: 400px;
    padding-left: 20px; }

  .banner-three-contents {
    margin-top: 160px;
    max-width: 470px; }

  .banner-three-contents h2 {
    font-size: 30px;
    letter-spacing: 0; }

  .banner-three-contents p {
    margin-right: 65px; }

  .banner-three-icon-btn {
    font-size: 15px;
    letter-spacing: 0;
    width: 210px; }

  .banner-three-icon-btn .et-icon {
    font-size: 35px; }

  .banner-three-icon-btn .big {
    font-size: 20px;
    letter-spacing: 0; }

  .banner-four::after {
    background-size: 100% 100%;
    height: 80px; }

  .banner-four-phone img {
    max-width: 480px;
    padding-top: 0;
    margin: 0 auto;
    display: block; }

  .banner-five-contents {
    margin-top: 15%; }

  .banner-five {
    height: auto;
    padding-bottom: 100px; }

  .banner-style-8-wrap {
    height: auto;
    padding-bottom: 80px; }

  .banner-four.four-alt {
    height: auto;
    padding-bottom: 125px; }

  .banner-10 .texts {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 45px;
    margin: 0 auto 45px;
    max-width: 100%; }

  .banner-10 .one {
    font-size: 36px;
    margin: 0; }

  .banner-10 .two {
    font-size: 30px;
    margin: 25px 0 30px; }

  .btn-banner-three {
    font-size: 20px;
    margin-right: 20px;
    padding: 10px 20px; }

  .feature-phone-two {
    display: none; }

  .service-alt-list .single-service {
    float: left;
    margin-bottom: 0px;
    padding: 15px;
    text-align: center;
    width: 33.3333%; }

  .service-alt-list.two-items .single-service {
    width: 50%; }

  .service-alt-list .single-service.text-right {
    text-align: center; }

  .service-phone-list {
    display: block;
    margin: 0 auto;
    padding: 60px 0 20px; }

  .single-service {
    padding: 0 15px; }

  .service-phone-slide .phone-slide {
    margin: 60px auto; }

  .service-phone-slide {
    margin-top: 0; }

  .promo-texts {
    padding-bottom: 80px; }

  .feature-alt-heading {
    margin-right: 0; }

  .feature-list-alt-one .single-feature {
    padding-left: 30px;
    padding-right: 30px; }

  .bg-parallax-phone-2,
  .bg-parallax-phone-2-dark {
    background-size: cover; }

  #ouibounce-modal {
    position: absolute; }

  #ouibounce-modal .modal {
    width: 100%;
    margin: 70px auto auto; } }
@media only screen and (max-width: 767px) {
  .hide-sm {
    display: none; }

  .modal-dialog {
    width: 95%; } }
/* -----------------------------------------------
 * Phone
 * ------------------------------------------- */
@media only screen and (max-width: 480px) {
  .hide-xs {
    display: none; }

  .p-top-120 {
    padding-top: 80px; }

  .p-bot-120 {
    padding-bottom: 80px; }

  .text-xs-center {
    text-align: center; }

  .banner {
    height: auto;
    padding-bottom: 130px; }

  .banner::after {
    background-size: 100% 100%;
    bottom: -60px;
    height: 60px; }

  .banner .col-xs-6,
  .banner-two .col-xs-6,
  .banner-three .col-xs-6 {
    width: 100%;
    float: none; }

  .banner-texts {
    margin-top: 150px; }

  .banner-texts h1 {
    font-size: 50px; }

  .banner-texts h2 {
    font-size: 20px;
    line-height: 26px;
    text-align: center; }

  .banner-three::after {
    height: 55px; }

  .banner-three-contents {
    margin-top: 120px;
    max-width: 100%;
    text-align: center; }

  .banner-three-contents p {
    margin: 0 auto; }

  .banner-three-icon-btn {
    width: 50%;
    text-align: left; }

  .banner-four-phone img {
    max-width: 100%; }

  .banner-four-contents .big-logo {
    font-size: 50px;
    line-height: 80px;
    margin-bottom: 0; }

  .banner-four.four-alt .banner-style-8 {
    color: #fff;
    margin-top: 150px; }

  .banner-texts .big-logo-text {
    font-size: 45px; }

  .banner-five {
    height: auto;
    padding-bottom: 60px; }

  .banner-style-8 .one {
    font-size: 36px;
    letter-spacing: 0; }

  .banner-style-8 .two {
    font-size: 30px;
    margin: 18px auto 40px; }

  .banner-two {
    height: auto;
    padding-bottom: 80px; }

  .gorilla-big-btn {
    margin: 0 5px;
    padding: 5px 25px 6px; }

  .gorilla-big-btn .fa {
    font-size: 20px;
    margin-left: -5px;
    margin-top: 10px; }

  .gorilla-big-btn .normal-txt {
    font-size: 9px;
    line-height: 15px;
    margin-top: 2px;
    padding-left: 15px;
    padding-right: 0; }

  .gorilla-big-btn .big-txt {
    font-size: 13px;
    margin-top: 0;
    padding-left: 19px; }

  .feature-alt-heading {
    margin-right: 0; }

  .feature-list-alt-one .single-feature {
    display: block;
    float: none;
    width: 100%; }

  .feature-list-alt-one .single-feature .et-icon {
    font-size: 30px; }

  .feature-list-alt-one .single-feature h3 {
    font-size: 18px; }

  .feature-img-alt-one {
    margin: 30px; }

  .feature-img-alt-one .feature-phone-three,
  .feature-img-alt-one .feature-phone-four {
    padding-left: 10px;
    width: 50%; }

  .service-phone-list {
    padding: 20px 0 20px; }

  .service-alt-heading {
    margin-bottom: 30px; }

  .service-alt-list .single-service {
    float: none;
    padding: 30px 15px;
    width: 100%; }

  .modal-exclusive .vendor {
    margin-bottom: 1em; }

  .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    margin: 0 auto; }

  .swiper-3d-gallery .swiper-slide {
    height: 450px; }

  .swiper-container.swiper-gallery-normal .swiper-wrapper .swiper-slide,
  .swiper-container.clients-logos .swiper-wrapper .swiper-slide {
    width: 40% !important; }

  .fun-wrap .col-xs-6 {
    width: 100%;
    float: auto; }

  .awesome-review {
    padding: 15px;
    margin-bottom: 30px; }

  .awesome-review .review-img:before {
    display: none; }

  .awesome-review .review-img {
    width: 100%;
    margin-bottom: 30px; }

  .awesome-review .fa {
    left: 15px;
    bottom: 15px; }

  .blog-page-quote:before {
    top: -50px;
    left: 0; }

  .blog-page-quote:after {
    top: -50px;
    right: 0; }

  .col-sm-8 .masonry .masonry-item .blog-description p {
    margin: 0 0 30px; }

  .blog-single-post-banner {
    height: auto;
    padding-bottom: 80px; }

  .single-post-heading h2 {
    font-size: 36px;
    letter-spacing: 0;
    line-height: 50px;
    margin: 0 auto 50px; }

  .widget {
    margin-bottom: 30px; }

  .bg-phone {
    background-position: center center;
    background-size: auto auto; }

  #ouibounce-modal .modal {
    width: 100%;
    margin: 30px auto auto; }

  .modal-image-box {
    height: 100px;
    left: auto;
    margin-bottom: 20px;
    position: relative;
    top: auto;
    width: 100px; }

  .modal-description {
    margin-left: 0;
    margin-right: 0; }

  .modal-description .details h2 {
    font-size: 24px; }

  .footer-left {
    margin-bottom: 80px;
    text-align: center; }

  .footer-left,
  .footer-right {
    float: none;
    width: 100%;
    text-align: center; }

  .contact-form .g-recaptcha {
    margin-left: 12%; }

  .comments-list .comment-avatar {
    width: 60px;
    height: 60px; }

  .comments-list .media .media {
    margin-left: -80px; }

  .comments-list .media-body {
    overflow: visible; }

  .contact-form .form-control {
    height: 180px; } }
/* ----------------------------------------------
 * Small Phone
 * ------------------------------------------- */
@media only screen and (max-width: 320px) {
  .banner-four-contents {
    margin-top: 120px; }

  .phone-slide {
    padding: 78px 23px 77px; }

  .btn-banner-three,
  .gorilla-big-btn {
    margin: 0 5px 10px; }

  .banner-three-contents {
    margin-top: 100px; }

  .banner-three-contents h2 {
    font-size: 25px;
    line-height: 35px; }

  .banner-three-contents p {
    margin: 0; }

  .banner-three-contents .m-top-50 {
    margin-top: 30px; }

  .banner-three::after {
    height: 40px; } }

/*# sourceMappingURL=gorilla.css.map */