/***********************************/

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/****************************************/

.page-on-scroll .page-header {
  background: none;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-header {
    padding: 0;
    margin: 0px !important;
    border-bottom: none !important;
}
.page-header .navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    background: none;
}
.page-header .navbar-toggle {
  border: none;
  margin: 25px 15px 25px 0;
}
.page-header .navbar-toggle .icon-bar {
  background: #3f5263;
}
.page-header .navbar-brand {
  height: 70px;
  max-height: 70px;
  padding: 12px 0px;
  line-height: 50px;
  margin-top: 0px;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-header .navbar-brand img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.page-header .navbar-nav li {
    padding: 15px 1px;
    line-height: 20px;
    background: none;
    position: static;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-header .navbar-nav ul li {
    padding: 25px 1px;
    line-height: 20px;
    background: #0a0d10;
    position: static;
    border-top: 1px solid white;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-header .navbar-nav li > a {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    border-bottom: none;
    text-transform: initial;
    color: #fff;
}
.page-header .navbar-nav li.active > a, .page-header .navbar-nav li > a:hover {
    box-shadow: 0px 1px 0px 0px #00c2ff;
    border-bottom: none;
    font-weight:  400;
    color: #00c2ff;
}
.page-header .navbar-nav li > a:focus,
.page-header .navbar-nav li > a:hover {
  background: inherit;
}

/* Responsive code for max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  .page-header .navbar-header {
    float: none;
  }
  .page-header .navbar-toggle {
    display: block;
  }
  .page-header .navbar-collapse.collapse {
    display: none !important;
  }
  .page-header .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important;
  }
  .page-header .navbar-nav {
    margin: 0;
    float: none !important;
  }
  .page-header .navbar-nav > li {
    float: none;
  }
}
/* Stylesheet design for under max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  body {
    padding-top: 80px;
  }

  .page-header {
    background: #fff;
    /* Navbar Brand */
  }
  .page-header .navbar-fixed-top {
    background: #fff;
  }
  .page-header .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
    /* Navbar */
  }
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li {
    padding: 0;
    float: none;
  }
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a {
    font-weight: 700;
    color: #3f5263;
  }
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li.active > a,
  .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a:hover {
    color: #bf5757;
  }
  .page-header img.logo-default {
    display: none;
  }
}
/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  .page-header {
    top: 0;
    left: 0;
    width: 100%;
    background: #0a0d10;
    height: auto;
    z-index: 1026;
    position: fixed;
    /* Navbar Brand */
    /* Navbar Nav */
  }
  .page-header .navbar-brand img.logo-scroll {
    display: none;
  }
  .page-header .navbar-nav {
    float: right;
  }
  .page-header .navbar-nav li > a {
    padding: 10px 6px;
    margin-left: 15px;
    transition: all 0.3s;
}
}
/* Stylesheet design on Scroll (Fixed Header) 992px */
@media (min-width: 992px) {
  /* 992px */
  .page-on-scroll .account-bar {
    display: block;
    position: fixed
  }
  .page-on-scroll .page-header .navbar-brand {
    height: 70px;
    max-height: 70px;
    line-height: 49px;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .page-header .navbar-brand img.logo-scroll {
    display: block;
  }
  .page-on-scroll .page-header .navbar-brand img.logo-default {
    display: none;
  }
  .page-on-scroll .page-header .navbar-nav li {
    padding: 19px 1px;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .page-header .navbar-nav li > a {
    color: #3f5263;
  }
.page-on-scroll .page-header .navbar-nav li.active > a, .page-on-scroll .page-header .navbar-nav li.active > a, .page-on-scroll .page-header .navbar-nav li > a:hover {
    border: 1px solid red;
    color: red;
}
}
/*--------------------------------------------------
  [PAGE CONTENT]
----------------------------------------------------*/
/* Body */
a:focus {
  outline: none;
}

.page-header-fixed {
  margin-top: 0;
}

/* go2top */
.go2top, .go2top:focus {
    right: 10px;
    bottom: 10px;
    width: 40px;
    line-height: 37px !important;
    height: 40px;
    z-index: 9999;
    font-size: 20px !important;
    position: fixed;
    text-align: center;
    padding: 0;
    background: transparent;
    color: #3f5263;
    border: solid 1px #3f5263;
    cursor: pointer;
}
.go2top:hover,
.go2top:focus:hover {
  color: #fff;
  background: #3f5263;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*--------------------------------------------------
  [FORM CONTROL]
----------------------------------------------------*/
/* Set displays an element as in inline0level flex container */
.form-wrap {
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
}

.form-wrap-group {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/* Focus stylesheet effect for 'input' */
.form-control {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  min-width: 100px !important;
  min-height: 25px !important;
  border-radius: 0;
  letter-spacing: 0.6px;
  box-shadow: none;
  border-color: #DEDEDE !important;
  background: transparent !important;
}
.form-control:-moz-placeholder {
  color: #516473;
}
.form-control::-moz-placeholder {
  color: #516473;
}
.form-control:-ms-input-placeholder {
  color: #516473;
}
.form-control::-webkit-input-placeholder {
  color: #516473;
}
.form-control:focus {
  box-shadow: none;
  border-color: #3b4e5f;
}

/* Media Queries */
@media (max-width: 768px) {
  .form-wrap,
  .form-wrap-group {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .form-wrap .form-control,
  .form-wrap-group .form-control {
    margin-bottom: 10px;
  }

  .btn-red {
    width: 100%;
    display: block;
  }
}
@media (min-width: 768px) {
  .border-left-transparent .form-control {
    border-left: transparent;
  }

  .border-top-transparent.form-control {
    border-top: transparent;
  }
}
/* No Space Row */
.no-space-row {
  padding: 0 30px;
}

.no-space-row [class^="col-"],
.no-space-row [class*="col-"] {
  padding: 0;
}

@media (max-width: 767px) {
  .no-space-row [class^="col-"],
  .no-space-row [class*="col-"] {
    padding: 0 15px;
  }
}
/*--------------------------------------------------
  [BUTTONS]
----------------------------------------------------*/
/* Button Bordered */
.btn-brd-primary white {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 9px 15px;
  font-size: 14px;
  background: transparent;
  line-height: 1.5;
  border-radius: 0;
  border: 2px solid #fff !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary white:focus, .btn-brd-primary white:active:focus, .btn-brd-primary white.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary white:hover, .btn-brd-primary white:focus {
  text-decoration: none;
  color: #3f5263;
  background: #fff;
  border-color: #fff;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary white.btn-lg {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 12px 20px;
  font-size: 18px;
  background: transparent;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #fff !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary white.btn-lg:focus, .btn-brd-primary white.btn-lg:active:focus, .btn-brd-primary white.btn-lg.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary white.btn-lg:hover, .btn-brd-primary white.btn-lg:focus {
  text-decoration: none;
  color: #3f5263;
  background: #fff;
  border-color: #fff;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary white.btn-md {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 14px;
  font-size: 15px;
  background: transparent;
  line-height: 1.35;
  border-radius: 0;
  border: 2px solid #fff !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary white.btn-md:focus, .btn-brd-primary white.btn-md:active:focus, .btn-brd-primary white.btn-md.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary white.btn-md:hover, .btn-brd-primary white.btn-md:focus {
  text-decoration: none;
  color: #3f5263;
  background: #fff;
  border-color: #fff;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary white.btn-sm {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 9px 12px;
  font-size: 13px;
  background: transparent;
  line-height: 1.3;
  border-radius: 0;
  border: 2px solid #fff !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary white.btn-sm:focus, .btn-brd-primary white.btn-sm:active:focus, .btn-brd-primary white.btn-sm.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary white.btn-sm:hover, .btn-brd-white.btn-sm:focus {
  text-decoration: none;
  color: #3f5263;
  background: #fff;
  border-color: #fff;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Button Bordered Primary */
.btn-brd-primary {
    display: inline-block;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: 1px;
    color: #FFFFFF;
    padding: 0px 20px !important;
    text-align: center !important;
    height: 35px;
    font-size: 13px;
    line-height: 35px !important;
    background: #00202D;
    line-height: 1.4;
    border-radius: 50px;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary:focus, .btn-brd-primary:active:focus, .btn-brd-primary.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary:hover, .btn-brd-primary:focus {
  text-decoration: none;
  color: #fff;
  background: none;
  border-color: #3f5263;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary.btn-lg {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3f5263;
  padding: 12px 20px;
  font-size: 18px;
  background: transparent;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #3f5263 !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary.btn-lg:focus, .btn-brd-primary.btn-lg:active:focus, .btn-brd-primary.btn-lg.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary.btn-lg:hover, .btn-brd-primary.btn-lg:focus {
  text-decoration: none;
  color: #fff;
  background: #3f5263;
  border-color: #3f5263;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary.btn-md {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3f5263;
  padding: 14px;
  font-size: 15px;
  background: transparent;
  line-height: 1.35;
  border-radius: 0;
  border: 2px solid #3f5263 !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary.btn-md:focus, .btn-brd-primary.btn-md:active:focus, .btn-brd-primary.btn-md.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary.btn-md:hover, .btn-brd-primary.btn-md:focus {
  text-decoration: none;
  color: #fff;
  background: #3f5263;
  border-color: #3f5263;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-primary.btn-sm {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3f5263;
  padding: 9px 12px;
  font-size: 13px;
  background: transparent;
  line-height: 1.3;
  border-radius: 0;
  border: 2px solid #3f5263 !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-primary.btn-sm:focus, .btn-brd-primary.btn-sm:active:focus, .btn-brd-primary.btn-sm.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-primary.btn-sm:hover, .btn-brd-primary.btn-sm:focus {
  text-decoration: none;
  color: #fff;
  background: #3f5263;
  border-color: #3f5263;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Button Danger */
.btn-danger {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 9px 15px;
  font-size: 14px;
  background: #d15d5d;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-danger:hover, .btn-danger:focus {
  text-decoration: none;
  color: #fff;
  background: #bf5757;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-danger.btn-lg {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 12px 20px;
  font-size: 18px;
  background: #d15d5d;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-danger.btn-lg:focus, .btn-danger.btn-lg:active:focus, .btn-danger.btn-lg.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-danger.btn-lg:hover, .btn-danger.btn-lg:focus {
  text-decoration: none;
  color: #fff;
  background: #bf5757;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-danger.btn-md {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 13px;
  font-size: 15px;
  background: #d15d5d;
  line-height: 1.35;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-danger.btn-md:focus, .btn-danger.btn-md:active:focus, .btn-danger.btn-md.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-danger.btn-md:hover, .btn-danger.btn-md:focus {
  text-decoration: none;
  color: #fff;
  background: #bf5757;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-danger.btn-sm {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 9px 12px;
  font-size: 13px;
  background: #d15d5d;
  line-height: 1.3;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-danger.btn-sm:focus, .btn-danger.btn-sm:active:focus, .btn-danger.btn-sm.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-danger.btn-sm:hover, .btn-danger.btn-sm:focus {
  text-decoration: none;
  color: #fff;
  background: #bf5757;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Button Bordered Danger */
.btn-brd-danger {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d15d5d;
  padding: 9px 15px;
  font-size: 14px;
  background: transparent;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-danger:focus, .btn-brd-danger:active:focus, .btn-brd-danger.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-danger:hover, .btn-brd-danger:focus {
  text-decoration: none;
  color: #fff;
  background: #d15d5d;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-danger.btn-lg {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d15d5d;
  padding: 12px 20px;
  font-size: 18px;
  background: transparent;
  line-height: 1.4;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-danger.btn-lg:focus, .btn-brd-danger.btn-lg:active:focus, .btn-brd-danger.btn-lg.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-danger.btn-lg:hover, .btn-brd-danger.btn-lg:focus {
  text-decoration: none;
  color: #fff;
  background: #d15d5d;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-danger.btn-md {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d15d5d;
  padding: 14px;
  font-size: 15px;
  background: transparent;
  line-height: 1.35;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-danger.btn-md:focus, .btn-brd-danger.btn-md:active:focus, .btn-brd-danger.btn-md.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-danger.btn-md:hover, .btn-brd-danger.btn-md:focus {
  text-decoration: none;
  color: #fff;
  background: #d15d5d;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-brd-danger.btn-sm {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d15d5d;
  padding: 9px 12px;
  font-size: 13px;
  background: transparent;
  line-height: 1.3;
  border-radius: 0;
  border: 2px solid #d15d5d !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-brd-danger.btn-sm:focus, .btn-brd-danger.btn-sm:active:focus, .btn-brd-danger.btn-sm.active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-brd-danger.btn-sm:hover, .btn-brd-danger.btn-sm:focus {
  text-decoration: none;
  color: #fff;
  background: #d15d5d;
  border-color: #d15d5d;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*--------------------------------------------------
  [SPACES]
----------------------------------------------------*/
/* 'margin-bottom' Space */
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 0px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-45 {
  margin-bottom: 60px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-85 {
  margin-bottom: 85px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-bottom-95 {
  margin-bottom: 95px !important;
}

.margin-bottom-100 {
  margin-bottom: 50px !important;
}

/* 'margin-bottom' Space for tablet view */
@media (max-width: 992px) {
  .md-margin-bottom-5 {
    margin-bottom: 5px !important;
  }

  .md-margin-bottom-10 {
    margin-bottom: 10px !important;
  }

  .md-margin-bottom-15 {
    margin-bottom: 15px !important;
  }

  .md-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .md-margin-bottom-25 {
    margin-bottom: 25px !important;
  }

  .md-margin-bottom-30 {
    margin-bottom: 30px !important;
  }

  .md-margin-bottom-35 {
    margin-bottom: 35px !important;
  }

  .md-margin-bottom-40 {
    margin-bottom: 40px !important;
  }

  .md-margin-bottom-45 {
    margin-bottom: 45px !important;
  }

  .md-margin-bottom-50 {
    margin-bottom: 50px !important;
  }

  .md-margin-bottom-55 {
    margin-bottom: 55px !important;
  }

  .md-margin-bottom-60 {
    margin-bottom: 60px !important;
  }

  .md-margin-bottom-65 {
    margin-bottom: 65px !important;
  }

  .md-margin-bottom-70 {
    margin-bottom: 70px !important;
  }

  .md-margin-bottom-75 {
    margin-bottom: 75px !important;
  }

  .md-margin-bottom-80 {
    margin-bottom: 80px !important;
  }

  .md-margin-bottom-85 {
    margin-bottom: 85px !important;
  }

  .md-margin-bottom-90 {
    margin-bottom: 90px !important;
  }

  .md-margin-bottom-95 {
    margin-bottom: 95px !important;
  }

  .md-margin-bottom-100 {
    margin-bottom: 100px !important;
  }
}
/* 'margin-bottom' Space for mobile view */
@media (max-width: 768px) {
  .sm-margin-bottom-5 {
    margin-bottom: 5px !important;
  }

  .sm-margin-bottom-10 {
    margin-bottom: 10px !important;
  }

  .sm-margin-bottom-15 {
    margin-bottom: 15px !important;
  }

  .sm-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .sm-margin-bottom-25 {
    margin-bottom: 25px !important;
  }

  .sm-margin-bottom-30 {
    margin-bottom: 30px !important;
  }

  .sm-margin-bottom-35 {
    margin-bottom: 35px !important;
  }

  .sm-margin-bottom-40 {
    margin-bottom: 40px !important;
  }

  .sm-margin-bottom-45 {
    margin-bottom: 45px !important;
  }

  .sm-margin-bottom-50 {
    margin-bottom: 50px !important;
  }

  .sm-margin-bottom-55 {
    margin-bottom: 55px !important;
  }

  .sm-margin-bottom-60 {
    margin-bottom: 60px !important;
  }

  .sm-margin-bottom-65 {
    margin-bottom: 65px !important;
  }

  .sm-margin-bottom-70 {
    margin-bottom: 70px !important;
  }

  .sm-margin-bottom-75 {
    margin-bottom: 75px !important;
  }

  .sm-margin-bottom-80 {
    margin-bottom: 80px !important;
  }

  .sm-margin-bottom-85 {
    margin-bottom: 85px !important;
  }

  .sm-margin-bottom-90 {
    margin-bottom: 90px !important;
  }

  .sm-margin-bottom-95 {
    margin-bottom: 95px !important;
  }

  .sm-margin-bottom-100 {
    margin-bottom: 100px !important;
  }
}
/*--------------------------------------------------
  [HEADING]
----------------------------------------------------*/
.heading {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 35px;
}
.heading:after {
    left: 50%;
    height: 1px;
    width: 50px;
    content: " ";
    bottom: -20px;
    margin-left: -25px;
    position: absolute;
    background: #afb4b9;
}
.heading h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    margin: 0 0 20px;
    color: #2c3238;
}
.heading p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8693a7;
}

.heading-light {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.heading-light:after {
    left: 50%;
    height: 1px;
    width: 50px;
    content: " ";
    bottom: -20px;
    margin-left: -25px;
    position: absolute;
    background: #afb4b9;
}
.heading-light h2 {
  font-size: 40px;
  font-weight: 300;
  margin: 0 0 20px;
  color: #2c3238;
}
.heading-light p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8693a7;
}

.heading-blue {
    background: rgba(245, 245, 245, 0);
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 0px;
    padding: 45px 0px 35px;
}

.full-width-cont { width: 100%;
    padding: 0px; }

.heading-blue h2 {
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 15px !important;
    color: #2c3238;
}

.heading-blue h2 i {
    font-size: 40px !important;
    margin-right: 0px;
    position: relative;
    top: -1px;
}

.heading-blue p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
    text-transform: initial;
    color: #47515a;
}

/*--------------------------------------------------
  [HEADING LEFT]
----------------------------------------------------*/
.heading-left {
  z-index: 1;
  margin-bottom: 30px;
}
.heading-left h2 {
  font-size: 30px;
  margin: 0 0 20px;
  color: #3f5263;
  text-transform: capitalize;
}
.heading-left p {
  color: #8693a7;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.heading-left-light {
  z-index: 1;
  margin-bottom: 30px;
}
.heading-left-light h2 {
  font-size: 30px;
  margin: 0 0 20px;
  color: #fff;
  text-transform: capitalize;
}
.heading-left-light p {
  color: #8693a7;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/*--------------------------------------------------
  [SUBSCRIBE]
----------------------------------------------------*/
.subscribe {
  padding: 42px 0;
  background: #2c3a46;
  /* Subscribe Wrapper */
  /* Input Field */
}
.subscribe .subscribe-wrap {
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
}
.subscribe .subscribe-body {
  clear: both;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.subscribe .subscribe-desc {
  padding-right: 20px;
}
.subscribe .subscribe-desc h1 {
  font-size: 30px;
  margin: 0 0 10px;
  letter-spacing: 2px;
  color: #fff;
}
.subscribe .subscribe-desc p {
  color: #5d7283;
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 0;
}
.subscribe .input-field {
  float: right;
}

@media (max-width: 768px) {
  .subscribe {
    padding: 30px 0;
  }
  .subscribe .subscribe-wrap,
  .subscribe .subscribe-body {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .subscribe .input-field {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .subscribe .input-field .form-control {
    min-height: 40px;
  }
  .subscribe .input-field .btn-danger.btn-md {
    font-size: 14px;
    padding: 10px;
  }
  .subscribe .subscribe-desc h1 {
    font-size: 25px;
    letter-spacing: 2px;
  }
  .subscribe .subscribe-desc p {
    font-size: 16px;
  }
}
/*--------------------------------------------------
  [SERVICES]
----------------------------------------------------*/
.service-bg {
  padding-top: 130px;
  padding-bottom: 80px;
}
.service-bg .services {
  margin: 0 auto;
  text-align: center;
}
.service-bg .services h2 {
  font-size: 23px;
  margin: 0 0 10px;
  line-height: 1.4;
  text-transform: capitalize;
  color: #3f5263;
}
.service-bg .services p {
  font-size: 16px;
  color: #8693a7;
}
.service-bg .services .services-wrap {
  width: 100px;
  height: 100px;
  display: table;
  text-align: center;
  position: relative;
  margin: 0 auto 70px;
  vertical-align: middle;
}
.service-bg .services .services-wrap:before {
  top: -40px;
  left: -40px;
  right: -40px;
  bottom: -40px;
  content: " ";
  border-radius: 50%;
  position: absolute;
  border: 1px solid #e8ecf1;
}
.service-bg .services .services-wrap img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
}
.service-bg .services .service-body {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/*--------------------------------------------------
  [FEATURES]
----------------------------------------------------*/
.features-bg {
  padding: 100px 0 100px 0;
  background: #f7fafd;
}
.features-bg .features {
  overflow: hidden;
}
.features-bg .features img {
  width: 300px;
  height: auto;
  float: left;
  margin-right: 15px;
}
.features-bg .features .features-in {
  overflow: hidden;
}
.features-bg .features .features-in h3 {
  font-size: 23px;
  font-weight: 500;
  text-transform: capitalize;
}
.features-bg .features .features-in h3 a {
  color: #3f5263;
}
.features-bg .features .features-in h3 a:hover {
  color: #bf5757;
  text-decoration: none;
}
.features-bg .features .features-in p {
  color: #8693a7;
}

@media (max-width: 480px) {
  .features-bg .features img {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
  }

}
/*--------------------------------------------------
  [TEAM]
----------------------------------------------------*/
.team-bg {
    z-index: 1;
    height: auto;
    margin-top: 0px;
    border-top: 10px solid rgba(0, 0, 0, 0.04);
    box-shadow: none;
    overflow: hidden;
    padding: 70px 0 50px 0;
    background: rgba(0, 0, 0, 0.03);
    background-size: cover;
    background-position: center center;
}

.tab-pane.team-bg .team-members {
    margin-bottom: 15px !important;
}
.tab-pane.team-bg .team-members .team-avatar {
    padding: 0px !important;
}

.team-bg .team-members {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-bottom: 35px;
}
.team-bg .team-members:hover .team-avatar {
    padding: 0px;
    border: 0px solid white;
}

.team-bg .team-members .team-avatar {
    position: relative;
    padding: 0px;
    border: none;
    transition: all 0.3s;
    border-radius: 300px !important;
}
.team-bg .team-members .team-avatar:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 200px;
    content: " ";
    position: absolute;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.team-bg .team-members .team-avatar img {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border-radius: 200px !important;
}
.team-bg .team-members .team-desc {
  left: auto;
  top: 90px;
  width: 100%;
  padding: 0 20px;
  position: absolute;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
  transition: all 0.3s;
}
.team-bg .team-members .team-desc .team-details {
    float: none;
}
.team-bg .team-members .team-desc .team-details h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #fff;
}
.team-bg .team-members .team-desc .team-details span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
.team-bg .team-members .team-desc .team-socials {
    bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
team-desc { text-align:center !important }
.team-bg .team-members .team-desc .team-socials li {
    padding: 0 1px;
    margin-bottom: 10px;
    display: inline-block;
}
.team-bg .team-members .team-desc .team-socials li a {
  text-decoration: none;
}
.team-bg .team-members .team-desc .team-socials li a i {
  font-size: 20px;
  color: #fff;
}
.team-bg .team-members .team-desc .team-socials li a i:hover {
    color: #009bcc;
}
.team-bg .team-members:hover .team-avatar:after {
        background: rgba(11, 21, 31, 0.75);
        transition-duration: 300ms;
        transition-property: all;
}
.team-bg .team-members:hover .team-desc {
  -webkit-transform: translate3d(0, -5%, 0);
  transform: translate3d(0, -5%, 0);
  -webkit-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
}
.team-bg .team-members:hover .team-desc {
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.team-bg .team-about {
  padding: 30px;
  background: rgba(129, 129, 129, 0.1);
}
.team-bg .team-about h3 {
  color: #d4d9de;
  font-size: 20px;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.team-bg .team-about p {
  color: #8693a7;
}

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  .team-about {
    min-height: 495px;
  }
}
/*--------------------------------------------------
  [CLIENTS]
----------------------------------------------------*/
.clients {
  /* Clients Quotes */
}
.clients .clients-bg {
    padding-top: 0px;
    background: rgba(0, 0, 0, 0.03);
    border-top: 0px solid rgb(221, 224, 226);
}
.clients .clients-bg .owl-carousel {
  text-align: center;    margin-bottom: 0px;
}
.clients .clients-bg .owl-carousel .item {
  cursor: -webkit-grab;
}
.clients .clients-bg .owl-carousel .item img {
  display: block;
  text-align: center;
  width: 180px !important;
  height: auto;
  margin: 0 auto 40px;
  opacity: 1;
}
.clients .clients-bg .owl-carousel .item:hover img {
  opacity: 1;
}
.clients .clients-bg .owl-carousel .active.center .item img {
  opacity: 1;
}
.clients .clients-quotes {
  text-align: center;
  position: relative;
  background: #f7fafd;
  padding: 40px 0 90px;
}
.clients .clients-quotes:before {
    top: -15px;
    left: 50%;
    width: 0;
    height: 0;
    z-index: 1025;
    content: " ";
    position: absolute;
    margin-left: -30px;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #dde0e2 transparent transparent transparent;
}
.clients .clients-quotes .client-quote {
  display: none;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.clients .clients-quotes .client-quote.active {
  display: block;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.clients .clients-quotes .client-quote p {
    padding: 0 20%;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 12px;
    color: #47515a;
}
.clients .clients-quotes .client-quote h4 {
    color: #00202D;
    font-size: 32px;
    margin-bottom: 15px !important;
    font-weight: 300;
    margin: 0 0 10px;
}
.clients .clients-quotes .client-quote span {
    font-size: 16px;
    font-weight: 400;
    text-transform: initial;
    color: #0b151f;
    letter-spacing: 0.6px;
}

/*--------------------------------------------------
  [PORTFOLIO]
----------------------------------------------------*/
.portfolio {
  padding: 100px 0 100px 0;
}

/*--------------------------------------------------
  [PRICING]
----------------------------------------------------*/
.pricing-bg {
  padding: 100px 0 100px 0;
  background: #f7fafd;
  /* Prcing Red */
}
.pricing-bg .pricing {
  padding: 50px;
  text-align: center;
  border: 2px solid #aebcc7;
}
.pricing-bg .pricing img {
  width: 60px;
  height: auto;
  margin-bottom: 30px;
}
.pricing-bg .pricing h4 {
  font-size: 27px;
  margin: 0 0 15px;
  color: #3f5263;
}
.pricing-bg .pricing span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #3f5263;
}
.pricing-bg .pricing .pricing-features {
  padding: 0;
  margin: 35px 0;
  list-style: none;
}
.pricing-bg .pricing .pricing-features li {
  padding: 3px 0;
  font-size: 16px;
  text-transform: capitalize;
  color: #8693a7;
}
.pricing-bg .pricing-red {
  border: none;
  padding: 80px 0;
  background: #d15d5d;
}
.pricing-bg .pricing-red h4,
.pricing-bg .pricing-red span {
  color: #fff;
}
.pricing-bg .pricing-red .pricing-features li {
  color: #f7a0a0;
}

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  /* Prcing Red */
  .pricing {
    margin-top: 0px;
  }

  .pricing-red {
    margin-top: 20px;
  }

  .pricing.no-right-brd {
    border-right: none;
  }

  .pricing.no-left-brd {
    border-left: none;
  }
}
/*--------------------------------------------------
  [FOOTER]
----------------------------------------------------*/
.footer {
  background: #0a0d10;
  padding: 75px 0 75px 0;
}

/*--------------------------------------------------
  [FOOTER COPYRIGHT]
----------------------------------------------------*/
.footer-copyright {
    padding: 18px 0;
    text-align: center;
    background: #06080a;
    color: white;
}
.footer-copyright h3 {
  font-size: 30px;
  margin: 0 0 40px;
  text-transform: uppercase;
  color: #fff;
}
.footer-copyright p {
    margin-bottom: 0;
    color: #69727b;
}
.footer-copyright a { color:#69727b }
.footer-copyright .copyright-socials {
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
}
.footer-copyright .copyright-socials li {
  padding: 0 3px;
  display: inline-block;
}
.footer-copyright .copyright-socials li i {
    width: 50px;
    height: 50px;
    padding: 18px 0px;
    color: #7C848C;
    font-size: 30px;
    margin: -4px;
    text-align: center;
    background: #182027;
    border-radius: 5px;
    display: inline-block;
}
.footer-copyright .copyright-socials li i:hover {
  background: #303c47;
  color: #fff;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*--------------------------------------------------
  [CUBEPORTFOLIO]
----------------------------------------------------*/
/* Popup Wrap */
.cbp-popup-wrap {
  z-index: 9999 !important;
}

.cube-portfolio {
  /* Filter */
  /* Caption Effects */
  /* Portfolio Icons */
}
.cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item {
  font-size: 14px;
  padding: 6px 15px;
  text-transform: uppercase;
  color: #3f5263;
}
.cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover {
  color: #fff;
  background: #3f5263;
}
.cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item-active {
  color: #fff;
  background: #3f5263;
}
.cube-portfolio .cbp-caption .cbp-caption-hover-gradient {
  position: relative;
}
.cube-portfolio .cbp-caption .cbp-caption-hover-gradient:before {
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.cube-portfolio .cbp-caption .cbp-caption-hover-gradient:after {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: " ";
  position: absolute;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:before {
  opacity: .8;
  background: #3f5263;
}
.cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:after {
  border: 2px solid #fff;
}
.cube-portfolio .cbp-caption .cbp-caption-activeWrap {
  background: inherit;
}
.cube-portfolio .portfolio-icons i {
  width: 40px;
  height: 40px;
  padding: 10px;
  margin: 5px;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #3f5263;
  background: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.cube-portfolio .portfolio-icons i:hover {
  color: #fff;
  background: #d15d5d;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*--------------------------------------------------
  [REVOLUTION SLIDER]
----------------------------------------------------*/
.page-slider .fullwidthbanner-container {
  padding: 0;
  width: 100%;
  position: relative;
}
.page-slider .fullwidthbanner-container .banner {
  width: 100%;
  position: relative;
}
.page-slider .fullwidthbanner-container .banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-slider .fullwidthbanner-container .banner ul > li {
  visibility: hidden;
  list-style: none;
}
.page-slider .fullwidthbanner-container h3 {
  font-size: 63px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
.page-slider .fullwidthbanner-container h3.title-v2 {
  font-size: 60px;
  line-height: 1.4;
}
.page-slider .fullwidthbanner-container h3.red-title {
  color: #bf5757;
}
.team-details { text-align:center !important }
.page-slider .fullwidthbanner-container p {
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-slider .fullwidthbanner-container .subtitle-v1 {
  color: #80d0de;
}
.page-slider .fullwidthbanner-container .subtitle-v2 {
  color: #a8c6d6;
}
.page-slider .fullwidthbanner-container .slide_thumb_img img {
  opacity: 1;
}
.page-slider .fullwidthbanner-container .slide_thumb_img:hover img {
  opacity: 0.9;
  text-decoration: none;
}
.page-slider .fullwidthbanner-container .slide_border {
  color: #6b8e9f;
  padding-left: 10px;
}
.page-slider .fullwidthbanner-container .fulllscreenvideo {
  left: 0 !important;
}

/* Default Bullets */
.tp-bullets.simplebullets.round .bullet {
  width: 10px;
  height: 10px;
  background: black;
  margin-right: 3px;
  border-radius: 50%;
  opacity: 0.3;
}

.tp-bullets.simplebullets.round .bullet.selected {
  opacity: 1;
}

.bg-text-01 { background: none !important }
.bg-text-02 { background: none !important }

.padding-bottom-35 {padding-bottom: 60px !important;}
.brands {padding-top: 80px !important;}
.line-title {font-size: 40px;font-weight: 300;color: #2c3238;margin: 35px 0px 28px !important;display:inline-block;}
.line-p {
    color: rgb(44, 50, 56);
    margin-left: 10px;
    }
.padding-bottom-25 { padding-bottom: 25px !important}
.venue-photo {
    position: absolute;
    border-radius: 50% !important;
    padding: 4% !important;
    background: white;
    width: 35%;
    margin: 0px 28.6%;
    bottom: -60px;
    z-index: 1025;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.03);
}
.venues .margin-bottom-100 {
    margin-bottom: 0px !important;
}
.venue-logo {
    width: 100%;
    box-shadow: 10px 10px 0px rgba(0,0,0,0.08);
    border-radius: 0px;
    } 
.venue .venue-photo { transition: all 0.3s}
.venue .venue-logo {
    transition: all 0.6s;
    max-height: 255px;
}
.venue:hover .venue-photo {box-shadow: none;width: 0%;margin: 0px 45%;bottom: 0px;padding: 0px !important;}
.venue:hover .venue-logo { box-shadow: none; }
.venue .over {
    background: rgba(0,0,0,0.75);
    color: white;
    text-align: center;
    position: absolute;
    margin-top: -100%;
    width: 100%;
    padding-top: 40px;
    height: 100%;
    transition: all 0.6s;
}
.venue:hover .over { margin-top: 0px }
.cover { overflow: hidden !important;position: relative; }
.venues {padding: 40px 0px 40px !important;}

li { position: static; !important  }
li .dropdown-menu {
  display:block; 
  visibility: hidden;
  position: absolute;
  opacity: 0;
  margin-left: -100px ;
  padding-left: 0%;
  width: 65%;     
  z-index: 1026;
  min-width: 0px;
  margin: 0px 0%;
  margin-top: -5px !important;
  left: initial;
  right: 0px !important;
}

li:hover .dropdown-menu {
    opacity: 1;
    width: 65%;
    padding-left: 0%;
    right: 0px !important;
    left: initial;
    margin-top: -5px !important;
    position: absolute;
    border: none;
    visibility: visible;
    background: none;
    color: white;
}
li .col-md-3.col-sm-4.col-xs-6 { display:none }
li:hover .col-md-3.col-sm-4.col-xs-6 { display:block }
.modal-login {
    width: 35% !important;
}


.icon-fcbk {
  margin: 0px;
  height: 50px;
  width: 50px;
  border-radius: 35px 0px 0px 35px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  float: left;
  line-height: 52px;
  text-align: center;
  padding-left: 3px !important;
  background: #26488a;
  font-size: 24px;
  box-shadow: inset 0px -26px 0px rgba(0, 0, 0, 0.15) !important;
  padding: 0px;
  top: -1px;
  position: relative;
}

.no-padding-lateral {
    padding: 6px 0px !important;
}

.modal-login .form-group {
    height: auto !important;
}

.btn.login-fcbk   
{
  color: white;
  height: 50px;
  font-family: 'Roboto';
  line-height: 50px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  padding: 0px !important;
  text-shadow: none;
  background-color: #26488a !important;
  box-shadow: inset 0px -25px 0px rgba(0, 0, 0, 0.15) !important;
  width: 100%;
  border-radius: 60px !important;
  -webkit-transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  transition:all 0.3s;
}
.btn.login-fcbk:hover, 
.btn.login-fcbk:focus, 
.btn.login-fcbk:active,
.btn.login-fcbk.active,
.btn.login-fcbk[disabled],
.btn.login-fcbk.disabled {
  background-color: #26488a !important;
  box-shadow: none !important;
  color: #fff !important;
}

.modal-login { width: 35% !important }
.input-group {
margin-top: 15px;
margin-bottom: 15px;
}

button { border: none !important }

.input-login {
    padding-left: 15px;
    min-height: 10px !important;
    border: none !important;
    height: 50px;
    border: 1px solid #dbdbdc !important;
    line-height: 50px;
}
 
.date-input {
    margin: 0px 10px 0px 0px !important;
}
.width-20 {
    width: 20% !important;
}
.calendar-button {
    background: #00202D !important;
}
.width-25 {
    width: 25% !important;
}
.padding-filter {
    padding: 0px 15px;
    height: 41px;
    border: 1px solid rgb(216, 216, 216) !important;
    margin-right: 0px;
    background: transparent;
    font-size: 14px;
}
.width-35 {
    width: 35% !important;
}
.calendar-ico {
    color: white !important;
    font-size: 20px !important;
    margin-right: 0px !important;
    line-height: 25px !important;
}
.calendar-btn {
    background: #0b151f !important;
}
.input-calendar {
    min-height: 41px !important;
    background: transparent !important;
    border: 1px solid #d8d8d8 !important;
}

.dj-numeration {
    color: white;
    top: 0px;
    background-color: #0b151f;
    height: 32px;
    top: 10px;
    left: 10px;
    border-radius: 20px;
    line-height: 32px;
    font-weight: 300 !important;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 0px 12px;
    z-index: 1025;
}

.tp-banner-container:hover .tparrows {
    color: #fff;
    box-shadow: inset 0px 0px 0px 0px #e8ed2e;
    opacity: 1;
}
.availability.pull-left.no-pull {
    margin-bottom: 10px;
}

.no-pull {
    float: none !important;
}
p {
    line-height: 24px;
    font-size: 13.5px;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    font-weight: 300;
}
.content h1, .content h2 {
    font: 300 37px "Roboto";
    margin: 0 0 10px;
    text-align: center;
}
.content h1:after, .content h2:after {
    z-index: 2;
    content: " ";
    display: block;
    padding-top: 12px;
    border-bottom: 1px solid #b3b3b3;
    width: 73px;
    margin: 0 auto;
}
.social-icon {
    font-size: 25px !important;
    background: #009ab1;
    color: white;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 37px !important;
    border-radius: 30px;
    margin-right: 5px;
    transition: all 0.5s;
}
.social-icon {
    display: inline-block !important;
}
.price-availability-block {
    color: rgba(255,255,255,0.75);
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.well-new {
    background-color: rgba(250,250,250,0.5);
    border: 1px solid #f1f1f1;
    font-size: 16px;
    transition: all 0.3s;
    padding: 20px 20px;
    box-shadow: 0px 0px 0px 2px rgb(255, 230, 0);
}
.big-icon {
    font-size: 50px !important;
    color: #00202d;
}
.text-black {
    color: black !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.map-attach {
    position: absolute;
    height: 500px;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px !important;
}
.tp-leftarrow.default.tparrows:before {
    padding-right: 5px;
}
.tp-leftarrow:before {
    content: '\e824';
}

.row.thumbnails { padding-left: 0px !important;}

.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #eee;
}
.pricing-head {
    text-align: center;
}
.pricing-head h3 {
    font-weight: 300;
    color: #2c3238;
    padding: 15px 0 13px;
    font-size: 22px;
    background: rgba(0, 0, 0, 0.03);
    border-bottom: solid 5px #e0e0e0;
}
.price-availability-block {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.price-availability-block .availability {
    float: right;
    color: #0a0d10;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.price-availability-block .availability strong {
    font-weight: 300;
    color: #333;
}
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;    display: block !important;
    border-bottom: solid 1px #f5f9e7;
}
content i {
    position: static !important;
    margin: 0px !important;
    background: none !important;
    color: red !important;
    height: 20px !important;
    line-height: 20px !important;
    width: 15px !important;
}
.sidebar a {
    color: black; text-decoration:none !important;
    font-size: 15px; transition: all 0.3s
}
.sidebar a:hover { color: #0da3e2 }

.padding-top-10 { padding-top:10px !important }

.text-white {
    color: rgb(0, 0, 0) !important;
    font-weight: 300;
}
.nav-tabs {
    border-bottom: 0px solid #ddd !important;
}
.btn-brd-primary.blue {
    background: #26488a;
}
.btn-brd-primary.blue:hover, .btn-brd-primary.blue:focus { 
  color: white; background: #1a2e5a 
}

.btn-brd-primary.blue:hover i {
    margin-right: 5px;
    opacity: 1;
    color: white;
}

.btn-brd-primary.red {
 background: #d22121;
}
.btn-brd-primary.red:hover, .btn-brd-primary.red:focus { 
  color: white; background: #b60808
}

.btn-brd-primary.red:hover i {
    margin-right: 5px;
    opacity: 1;
    color: white;
}

.btn-brd-primary.green { 
  background: #2e933d;
}
.btn-brd-primary.green:hover, .btn-brd-primary.green:focus { 
  color: white; background: #2e933d;
}

.btn-brd-primary.white { box-shadow: 6px 6px rgba(0,0,0,0.15), inset 0px 0px 0px 25px white; border-color: white; color:black }
.btn-brd-primary.white:hover, .btn-brd-primary.white:focus { color: white;box-shadow: 6px 6px rgba(0,0,0,0.15), inset 0px 0px 0px 2px white }

.btn-account-right .btn-brd-primary {
  background: none;
  border-radius:  0px !important;
  position: relative;
}

.btn-icon input.myaccount {     display: block;
    position: absolute;
    top: -2px;
    left: 0px;
    width: 100%;
    opacity: 0; }
.btn-account-left .btn-brd-primary {
  background: none;
  padding-left: 20px !important;
  border-radius: 0px !important;
  cursor: initial;
}


.btn-brd-primary.dark:hover, .btn-brd-primary.dark:focus {
    color: #a3e9ff;
    box-shadow: none;
}
.pi-img-wrapper {
    margin-bottom: 15px !important;
}

.padding-input {     padding: 16px 10px 15px !important; }
.search-box { border-bottom: 8px solid yellow;margin-top: -50px; }
.search-input { display: inline-block;
    width: 50%;
    float: right;
    margin-top: 22px;
    color: white; }
  .search-input-box { width: 67% !important;
    color: white !important;
    border-color: rgba(255,255,255,0.25) !important; }
  
.btn-account-left {
    background: #0b151f;
    padding: 2px 0px 0px;
    border-radius: 6px 6px 0px 0px !important;
    position: fixed;
    bottom: 0px;
    left:50px;
    z-index: 1025;
    } 
.btn-account-right {
    background: #0b151f;
    padding: 2px 0px 0px;
    border-radius: 6px 6px 0px 0px !important;
    position: fixed;
    bottom: 0px;
    right:60px;
    z-index: 1025;
    }
#revolutionul { margin:0px !important; padding: 0px !important }  

.user { color: white;
    font-size: 14px; }
  
  .user a { color:white }
  
  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent; border: 1px white
}

.social-icon {
    font-size: 25px !important;
    background: transparent;
    color: #252b31;
    width: 35px !important;
    text-align: center;
    height: 35px !important;
    line-height: 37px !important;
    border-radius: 0px !important;
    margin-right: 3px;
    transition: all 0.5s !important;
    }
  .social-icon:hover {box-shadow: inset 0px 0px 0px 30px #008ab5;color: white;}
  
  .margin-top-60 { margin-top: 60px !important }
  .user-image {height: 30px;margin-left: 12px;margin-right: -10px;border-radius: 25px !important;}
  .description {     font-weight: 400;
    letter-spacing: 0px;
    text-align: justify;
 }
 
 .map-close {
    position: absolute;
    right: -15px;
    top: 10px;
}

.modal-dialog {
    margin: 30px auto;
}

.blog-info {
    list-style: none;
    margin: 15px 0 12px 0;
    padding-left: 0;
}

.blog-info li {
    padding: 0;
    color: #000;
    font-size: 15px;
  font-weight: 400;
    margin-right: 10px;
    display: inline-block;
}

.blog-tags li i, .blog-info li i {
    color: #0a0d10;
    margin-right: 10px;
}

.text-info {
    color: #0a0d10 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.travel-h2 {
    color: black !important;
    border-bottom: 1px solid #e6e6e6 !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px;
}

.slide-decoration {
    padding: 10px;
    border: 1px solid #e6e6e6;
    width: 100%;
    border-radius: 30px 0px 30px 0px !important;
    }
  
  .page-slider {
    margin-bottom: 0px;
    }
  
  .nav-tabs>li>a {
    border: 0px solid transparent; }
  
  .nav.nav-tabs li a {
    color: #2c3238;
    background: #eeeeee;
    border-radius: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0px solid #ddd !important;}
  .nav.nav-tabs li.hover a { color:white; }
  .nav.nav-tabs li.focus a { color:white; }
  .nav.nav-tabs li.active a { color: white; }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #008ab5;
}

.padding-lateral { padding: 0px 15px }
.account-bar {
    height: 50px;
    z-index: 1026 !important;
    background: #0a0d10;
    position: fixed;
    width: 100%;
    margin-top: -50px;
    transition: all 0.6s;
}
.page-on-scroll .account-bar {position:fixed !important;margin-top: 0px;z-index: 1030 !important;}
.dropdown-menu h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px !important;
}

.btn-brd-primary {padding-right: 15px;transition: all 0.3s;}
.btn-brd-primary i {opacity: 0; width:10px !important; margin-right: -15px; color:white; transition: all 0.3s}

.btn-brd-primary:hover i {
    margin-right: 5px;
    opacity: 1;
    color: #a3e9ff;
}

.page-on-scroll .account-bar .btn-account-left {     
  background: none;
    padding: 6px 10px;
    position: initial;
    z-index: 1025; }

.page-on-scroll .account-bar .btn-account-right {
  background: none;
    padding: 5px 0px;
    position: initial;
    z-index: 1025;
  float:right
}

.fullwidthabnner .bg-image { margin-top: -20px }

/** NEW PAGINATION CODE **/
  .pager-list { display: block; padding: 0px 10px }
    .pager {
    float: none;
    display: inline-block;
    padding: 0;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #868c93;
    text-decoration: none;
    background-color: #fff;
  }
   .pager.active {
    color: #fff !important;
    }
   .pager:hover {background: #fff;color: #868c93;}
   
   

.event-label-list {
    position: absolute;
    left: 0px;
    z-index: 1025;
    padding: 0px 0px 0px 15px;
    width: 58% !important;
}

.view-bar {
    margin-bottom: 15px;
}

.col-md-3:hover .event-image {
    opacity: 0;
}
.col-md-3 .event-image {
    width: 100%;
    height: 120px;
    background-position: 0px 0px !important;
    background-size: cover !important;
    opacity: 1;
    transition: all 0s;
}
.col-md-3 .event-image-two {
    width: 100%;
    height: 120px;
    opacity: 0;
    transition: all 0s;
    background-position: 0px 0px !important;
    margin-top: -120px;
    background-size: cover !important;
}
.col-md-3:hover .event-image {
    opacity: 0;
}
.col-md-3:hover .event-image-two {
    opacity: 1;
}

.event-label {
    position: absolute;
    width: 35% !important;
    z-index: 5;
}

.event-divisor:hover {
    background: rgba(0,0,0,0.03);}
  
  .event-divisor {  padding: 10px 0px }
  .event-title a { color:#00202D !important }
  .product-main-image {
  margin-bottom: 20px;
}
.product-main-image img {
  width: 100%;
}

.fullwidthabnner li img { margin-top: -18px !important }
.margin-left-0 { margin-left: 0px !important }

.left-separation {
    border-left: 1px solid rgba(255,255,255,0.1);
    margin-left: -5px;
    padding-left:  15px !important;
    }


.clients .clients-bg .owl-carousel .item img.event-label {
    width: 47% !important;
    margin: 0px 3.5% !important;
}

.btn-brd-primary.light {
  background: rgba(0, 0, 0, 0.5) !important;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}

.list-view .btn-brd-primary.light {background: #127d9e !important;box-shadow: none !important;} 
.list-view .btn-brd-primary.light:hover {background: #127d9e !important;}

.btn-brd-primary.light:hover {
  background: rgba(0, 0, 0, 0.5) !important;
}
.btn-brd-primary.light:hover i {
    color: white;
}

.padding-top-40 {padding-top: 60px !important;}
.bg-solid {
    border-bottom: 10px solid rgba(0, 0, 0, 0.04);
    background: rgba(0, 0, 0, 0.03);
    }
.bg-solid a {color: #008ab5;}
.bg-solid a:hover {color: #005e7b;text-decoration: none;}

.bg-solid h2 i {
    font-size: 40px !important;
    margin-right: 5px;
    position: relative;
    top: 0px;
}

.owl-prev {
    display: block !important;
    position: absolute;
    color: white;
    top: 50%;
    margin-top: -20px;
    left: -75px;
    padding: 8px 18px;
    border-radius: 20px 0px 0px 20px !important;
    font-weight: 300;
    letter-spacing: 1px;
    background: #0b151f;
}

.owl-next {
    display: block !important;
    position: absolute;
    color: white;
    top: 50%;
    margin-top: -20px;
    right: -75px;
    padding: 8px 18px;
    border-radius: 0px 20px 20px 0px !important;
    font-weight: 300;
    letter-spacing: 1px;
    background: #0b151f;
}

.owl-stage-outer { border-radius: 10px !important }

h2 i {
    font-size: 45px !important;
    margin-right:  10px;
    position: relative;
    top: 4px;
    }
  
.copyright-socials {
  padding: 0;
  margin-bottom: 0px;
  list-style: none;
}
.copyright-socials li {
  padding: 0 3px;
  display: inline-block;
}
.copyright-socials li i {
    width: 50px;
    height: 50px;
    line-height: 52px;
    padding: 0px;
    color: #69727b;
    font-size: 30px !important;
    margin: 1px -3px;
    text-align: center;
    background: #06080a;
    border-radius: 5px;
    display: inline-block;
}
.copyright-socials li i:hover {
    background: #008ab5;
    color: #fff;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.events-carrousel .owl-nav { display: none !important }
.list-unstyled { margin-bottom: 0px !important }
.list-unstyled li {
    display: inline-block;
    color: #7C848C;
    line-height: 30px;
    font-size: 14px;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid rgba(255,255,255,0.05);
}
.border-none { border: none !important }
.footer p {color:#69727b;line-height: 20px;letter-spacing: 0.6px;}


.footer-logo { height: 60px; margin-bottom: 20px }
.footer h2 {color: white;font-size: 30px;font-weight:  200;margin-bottom: 30px !important;letter-spacing: 0.6px !important;}

.suscribe { padding: 15px 10px 16px;
    margin-left: -1px;
    z-index: 1036;
    position: relative; }
  
.pre-footer-divisor {
    width: 1px;
    margin-left: -10px;
    float: left;
    background: transparent;
    height: 155px;
    box-shadow: none;
}

.cont-full { width: 100%;
    padding: 0px 35px }
  

.firm { margin-right: 25px }

.padding-top-25 { padding-top: 25px !important }
.brands .owl-carousel.partners.padding-top-25 { padding-top: 0px !important }
.brands .heading.margin-bottom-10 { margin-bottom: 45px !important }

.artist .product-item img { border-radius: 200px !important; }
.product-item .event-label {
    position: absolute;
    width: 35% !important;
    z-index: 5;
    left: 0px;
    filter: grayscale(0) !important;
    transition: none;
}

.modal-atachment {
    display: block;
    top: 0px;
    z-index: 1026;
    opacity: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}
  


.margin-login {
    border: none !important;
    overflow: auto;
    max-height: 590px;
}

.form-control.suscribe { height: 50px !important }
.line-title-min {
    font-size: 28px;
    font-weight: 300;
    color: #0b151f;
    margin: 32px 0px 30px !important;
    display: inline-block;
    }
  
.form-control.light {
    border-color: #d8d8d8 !important;
}

.btn-brd-primary.min {
    padding: 6px 15px; }
  
  .mix-inner .dj-name {
    color: white;
    bottom: -35%;
    background-color: #E40E0E;
    height: auto;
    width: 100%;
    letter-spacing: 0px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    opacity: 0;
    padding: 5px 12px;
    transition: all 0.3s;
}

.dj-name {
    color: white !important;
    background-color: rgba(8, 24, 33, 0.65) !important;
}
.mix-inner:hover .dj-name {
    opacity: 1;
    bottom: 0%;
}
.mix-inner {
    position: relative;
    width: 100%;
    overflow: hidden !important;
}

.carousel-control i { font-size: 125px !important;
    margin-top: 130px !important; }
  
.pricing-content.list-unstyled .list-unstyled li {
    display: block }
  
.festival-i { font-size: 20px !important;
    line-height: 20px !important; }

.well {
    background-color: #0b151f !important;}
.margin-top-40 { margin-top: 40px !important }

.back-btn {     margin-top: -38px !important;
    margin-bottom: 0px !important; float: right }
.margin-bottom-0 { margin-bottom: 0px !important }
.desc-cont {
    background: rgb(238, 238, 238);
    padding-bottom: 30px;
    border-bottom: 10px solid #ffffff;
}
  
.desc-cont .nav-tabs { margin-top: -40px;
    margin-bottom: 30px; }
  
.well.light {
    background-color: transparent !important;
    border: 5px solid #e0e0e0;
    border-radius: 0px;
    box-shadow: none;
}
  
.well.light p { font-size:22px !important; margin-bottom:10px }
.expired {
    background-color: #E40E0E;
    color: white;
    font-size: 17px;
    margin-bottom: 20px;
    text-align: center;
    cursor: no-drop;
    font-weight: 600;
    padding: 8px 0px;
    border: 2px dotted white;
}

.social-icon2 {
    width: 45px !important;
    height: 45px !important;
    padding: 18px 0px;
    color: #ffffff;
    font-size: 30px !important;
    margin: 0px -2px 2px 0px;
    line-height: 12px !important;
    text-align: center;
    background: #a0a2a7;
    border-radius: 4px !important;
    transition: all 0.3s;
    }

.social-icon2:hover { background: #eb2055 !important }
.schedule {
    background-color: transparent;
    border: 3px solid #e6e6e6 !important;
    font-size: 22px !important;
    padding: 10px 15px;
    margin: 0px 15px 10px !important;
    color: #47515a !important;
}
.schedule i { font-size: 18px !important }

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none;
}
.inline {
    display: inline-block !important;
}
.no-padding {
    padding: 0 !important;
}
.first {
    margin-bottom: 10px !important;
    font-size: 15px !important;
    font-weight:  300 !important;
    letter-spacing: 0.4px;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.scond {font-size: 14px !important;letter-spacing: 0.4px;}
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

.full-width { width: 100% !important }

.page-header.no-banner {
    position: static;
    background: #0b151f;
}

.page-header.no-banner .navbar-brand {
    margin-top: 0px;
}

.mix {
    margin-bottom: 30px !important;
    height: auto;
}

.mix-filter li a {
    color: #656b71;
    cursor: pointer;
    padding: 6px 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: none !important;
    display: inline-block;
    border: 1px solid #d8d8d8;
}

.mix-filter li.active a, .mix-filter li:hover a {
    color: white !important;
    background: #0b151f !important;
    text-decoration: none;
}

.venue img {
    padding: 0px;
    border: 0px;
}

.mix-filter li a.active {background: #0b151f !important;color: white !important;border-color: #0b151f;}

.ui-menu { z-index: 1035 !important }

.venue.wow {margin-bottom: 90px;}

.button.green {background: #0b151f;
    color: white;
    padding: 7px 10px;
    position: absolute;
    right: 10px;
    text-align: center !important;
    bottom: 10px;    z-index: 1025;
}
.button.green i { display:none !important;}

.overlay {
    background: url(http://gem2i.com/assets/images/bg-video.png);
    width: 100% !important;
    height: 100% !important;
    background-position-x: -2px;
    z-index: 1025;
    position: absolute;
}
#gem-player {
    width: 150% !important;
    height: 150% !important;
    margin-top: -8%;
    margin-left: -25%;
    position: absolute;
    display: block !important;
}

.video-slide .tp-parallax-wrap {
    position: relative !important;
}

.video-slide .tp-loop-wrap {
    position: relative !important;
}

.caption.fullscreenvideo, .tp-caption.fullscreenvideo {
    visibility: inherit !important;
}

li.dark.video-slide {
    background: black !important;
}

:required:focus {
  background: #ffc3c3 !important;
    border: 1px solid #e40e0e !important;
    color: #e40e0e !important;
}

.pagination>.actived>a, .pagination>.actived>a:focus, .pagination>.actived>a:hover, .pagination>.actived>span, .pagination>.actived>span:focus, .pagination>.actived>span:hover {
    z-index: 2;
    color: #282e33;
    cursor: default;
    background-color: #f7f7f7;
    border-color: #282e33;
}

/************************************/

.pagination {
    text-align: center;
    padding: 0px;
    }
.pager-list { display: block;
    margin: 0px auto;
    margin-bottom: -8px;
    position: relative; }
.pager {
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
    }
.pager span {
    position: relative;
    float: left;
    padding: 10px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #212427;
    background-color: #efefef;
    margin-left: -1px;
    font-weight: 400;
    font-size: 14.5px;
    }
 .pager span:hover {    
    color: #005794 !important;
    background-color: transparent;
    border-color: #006bb7;}
 .pager.active span {
    color: #ffffff !important;
    background-color: #006bb7;
    }

.counter-detail-day {
    display: inline-block;
    width: 25%;
    background: rgba(0, 0, 0, 0.05);
    margin-right: -3px;
    text-align: center;
    padding: 6px 0px 10px;}

.counter-detail-p {display: none}

.counter-detail-hour {
  display: inline-block;
    width: 25%;
    background: rgba(0, 0, 0, 0.05);
    margin-right: -4px;
    text-align: center;
    padding: 6px 0px 10px;}

.counter-detail-min {
  display: inline-block;
    width: 25%;
    background: transparent;
    box-shadow: inset 0px 0px 0px 1px #f2f2f2;
    margin-right: -5px;
    text-align: center;
    padding: 6px 0px 10px;}

.counter-detail-sec {
  display: inline-block;
    width: 25%;
    background: transparent;
    box-shadow: inset 0px 0px 0px 1px #f2f2f2;
    margin-right: -4px;
    text-align: center;
    padding: 6px 0px 10px}

.blue-p {
      color: #4b5661;
    font-size: 28px;
    position: relative;
    margin-bottom: -5px;
    display: block;}

.date {position: relative;
    color: #4b5661;}

.counter-detail-min .blue-p {color: #252525;}
.counter-detail-min .date {color: #252525;}
.counter-detail-sec .blue-p {color: #0064b9;}
.counter-detail-sec .date {color: #0064b9;}

.events .product-item {
    height: 580px;
    margin-bottom: 10px;
}

.description p span { font-size: 13.5px !important }

.venue-carousel img { width: 100% !important }

.venue { margin-bottom: 80px !important }

.select-events {
    padding: 5px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 25px;
}

.select-events a {
    color: #656b71;
    background: transparent;
    border: 1px solid #d8d8d8;
    padding: 6px 0px 5px;
    width: 160px;
    font-weight: 300;
    letter-spacing: 0.6px;
    display: inline-block;
    transition: all 0.6s;
}

.select-events a:hover {background: #008ab5 !important;color: white;text-decoration:  none !important;border-color: #008ab5;}

.select-events a.active {
    background: #0a0d10 !important;
    cursor: pointer;
    border-color: #0b151f;
    color: white;
}

.select-view {margin-bottom: 0px;padding: 0px;text-align: left;}
.select-view div {display: inline-block;font-weight: 300;position: relative;cursor: pointer;padding: 8px 25px;font-size: 14.5px;margin-right: 0px;letter-spacing: 0.6px;background: none;color: #656b71;background: transparent;border: 1px solid #d8d8d8;}
.select-view div:hover {
    color: white;
    background: #008ab5;
    border-color: #008ab5;
    text-decoration: none !important;
}

.select-view a {display: inline-block;color: #1c2329;font-weight: 400; position: relative; cursor: pointer;padding: 8px 25px;font-size: 14.5px;margin-right: -5px;font-family: 'Poppins';letter-spacing: 0.6px;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.select-view a:hover { background: #eb2055 }

.view-active {color: #ffffff !important;border: 1px solid #0b151f !important;background: #0b151f !important;}

/**********************************************/

.event-view .music-type {display: none;}
.event-view .location {display: none;}
.event-side .date {margin-bottom: 15px;color: white;}

.list-view .events .event-item { width: 50%;margin-right: -3px }
.list-view .event-flyer {
    width: 35%;
    display: inline-block;
}
.list-view .event-side {
    width: 64%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 0px;
    padding-left: 15px;
}
.list-view .music-type {
    display: block;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
}
.list-view .location {display: block;margin-bottom: 20px;color: #0b151f;}
.list-view .product-item { text-align: left;}
.list-view .product-item .event-label { width: 15% !important;}
.list-view .event-side .date , .list-view .event-side .music-type {margin-bottom: 8px;color: #0b151f;}
.list-view .event-side h3 {margin-bottom: 15px !important;color: #0b151f;}

.modal-open .modal { padding-right: 0px !important }
body.page-header-fixed.modal-open { padding-right: 0px !important }
.modal { overflow: inherit !important }
.modal-open { overflow: inherit !important }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto' !important;
    font-weight: 300;
    letter-spacing: 0.3px !important;
}

.modal .form-group .col-md-9 {
    width: 100% !important;
    padding: 0px !important;
    position: relative !important;
    float: none !important; 
}

.top-nav-collapse .navbar-collapse {
    position: relative !important;
    top: -85px !important;
    }

body {font-family: 'Roboto' !important;background-image: url(../../ext/images/bg-fixed2.jpg) !important;background-attachment: fixed !important;}

.modal label {
    margin-bottom: 0px !important;
    font-weight: 400;
    letter-spacing: 0.4px;
    float: none !important;
    z-index: 1025;
    line-height: 38px;
    padding: 0px !important;
    height: 38px;
    width: 100% !important;
}

.dotted-line.margin-top-10 { display: none !important }

.modal .form-title {font-size: 26px !important;text-align: center;}

.modal label i {
    color: #38424c;
    margin-right: 5px;
    border: none;
    border-radius: 100%;
    height: 30px;
    position: relative;
    width: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    top: 2px;
    }

.margin-top-20 { margin-top: 35px !important }

.footer h2:before {content: "";height: 1px;width: 50px;position: absolute;display: block;background: #69727b;top: 45px;}

.cover .over a { margin-top: 15px !important }

.form-search {     margin-top: -15px;
    margin-bottom: 20px !important; }

.margin-right-10 {margin-right: 5px !important;}

.heading-blue.margin-bottom-30 { margin-bottom: 0px !important }

.event-side h3 {
    color: white;
    line-height: 32px;
    margin-bottom: 10px !important;
}

.events .row.margin-bottom-50 { margin-bottom: 10px !important }

.banner-static {
  position: relative;
    overflow: hidden;
    height: 200px; }
.banner-static-img {  
    background-size: cover;
    width: 104%;
    height: 240px;
    margin-top: -20px;
    margin-left: -2%;
    background-position: center;
    filter: blur(5px); }

#event-info { margin-bottom: -25px !important }
#event-info .heading-blue h2 {margin-bottom: 0px !important;width: 65%;margin: 0px auto !important;line-height: 55px;}

h3 b { font-weight: 400 }

.tab-pane .price-availability-block .availability {
    color: black !important;
    }

.tab-pane.team-bg {
    border-top: 0px;
    padding: 20px 0 0px 0;
    background: rgba(0, 0, 0, 0.0);
}

.footer a { color: white }
.footer a:hover { text-decoration: none }

.portlet.box { margin-top: 40px }
.portlet-title { font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px; }
tr { background: transparent !important }
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent !important;
}
.table-bordered {
    border: 5px solid #e0e0e0 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle !important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ececec !important;
}
td strong { font-weight: 500 !important;}

#festival-info { margin-bottom: -25px !important }
#festival-info .heading-blue h2 { margin-bottom: 0px !important }

.logo-festival {
    padding: 20px;
    border: 10px solid #e6e6e6;
    margin-bottom: 30px;
}

h4 b { font-weight: 400 }

#festival-info + .bg-text-02 iframe { margin-bottom: 30px !important }
#festival-info + .bg-text-02 .tab-pane h3.margin-top-20 { margin-top: 25px !important }
#festival-info + .bg-text-02 .tab-pane .margin-top-20 { margin-top: 0px !important }

.venue-padding .col-md-6 { padding-left: 18px !important }
#festival-info + .bg-text-02 .tab-pane img.margin-top-20 { margin-top: 25px !important }
.tab-pane.team-bg .team-members .team-avatar img { border-radius: 0px !important }
.tab-pane.team-bg .team-members .team-avatar:after { border-radius: 0px !important }

#artist-info { margin-bottom: -15px !important }
#artist-info .heading-blue h2 { margin-bottom: 0px !important }

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-radius: 0px !important;
    margin-bottom: -21px;
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid #ddd;
}

.product-page-content {
    display: block;
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 30px !important;
    padding-right: 15px;}

.product-page.box-decoration .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

b, strong {
    font-weight: 500;
}

#travels { margin-bottom: -15px !important }
#travels .heading-blue h2 { margin-bottom: 0px !important }

#travels + .bg-text-02 + .bg-solid { margin-top: 40px !important }

p.font-size-16.text-justify { margin-bottom: 30px !important }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee !important;
    opacity: 1;
    cursor: not-allowed;
}

a:hover { text-decoration: none !important }

#gotoTop { display: none !important }
.go2top { display: none !important }

.btn-brd-primary.dark.left-separation { cursor: pointer !important  }

.tp-caption .btn-brd-primary.light {height: 45px !important;line-height: 45px !important;padding: 0px 30px !important;}
.tp-caption .btn-brd-primary.light span {font-size: 16px !important;text-shadow:  none !important;height: 45px !important;line-height:  45px !important;}

.modal .form-group .control-label.col-md-11.no-padding-lateral.text-left {
    text-align: left;
    line-height: 28px;
    margin-top: 8px;
    font-size: 15px;
    letter-spacing: 0.6px;
    height: auto;
    margin-bottom: 10px !important; }

.pagination.pagination-centered {
    margin: 0px auto;
    position: relative;
    display: block;
    margin-bottom: 60px;
    margin-top: 20px; }

    .pagination>li>span {
    background-color: #006bb7 !important;
    color: white !important
}

.carousel-caption {
    right: 15% !important;
    left: 15% !important;
    font-size: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: rgba(0, 0, 0, 0.75) !important;
}

.carousel-caption p { font-size: 16px !important; margin-bottom: 0px !important } 

/************************* DATEPICKER ****************************/

.ui-datepicker { z-index: 1025 !important }
.ui-widget-content {
    box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.05) !important;
    background-color: #fafafa !important;
    color: #0b151f !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 20px !important;
    margin-top: 0px !important;
}
.ui-widget-header {
    border: none !important;
    background: #009bcc !important;
    box-shadow: inset 0px -20px 0px #008ab5 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0px !important;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0px !important;
    line-height: 42px !important;
    text-align: center !important;
    font-weight: 400 !important;
    font-family: 'Roboto' !important;
    font-size: 15px !important;
}
.ui-icon:before { content: "\f104" !important }
.ui-datepicker .ui-datepicker-next {
    right: 0px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute !important;
    top: 0px !important;
    width: 30px !important;
    height: 40px !important;
    border-radius: 0px !important;
    background: none !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0px !important;
}
.ui-datepicker th {
    text-align: center !important;
    font-weight: 300 !important;
    font-family: 'Roboto' !important;
    border: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
    font-weight: 300 !important;
    font-family: 'Roboto' !important;
    color: #0a0d10 !important;
    text-align: center !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
    font-weight: 300 !important;
    font-family: 'Roboto' !important;
    color: #0a0d10 !important;
    text-align: center !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none !important;
    background: #daeaf1 !important;
    font-weight: 300 !important;
    color: #002f4a !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: #e8e8e8 !important;
    color: #0a0d10 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none !important;
    background: #009bcc !important;
    font-weight: 300 !important;
    color: white !important;
}
.ui-widget-header .ui-icon {
    background-image: url(../plugins/jquery-ui/images/ui-icons_ffffff_256x240.png) !important;
}
.ui-datepicker-header .ui-state-hover { background: rgba(0, 0, 0, 0.1) !important; }

.margin-top-15 { margin-top: 15px !important }

#confirmation_formal_name label { line-height: 22px !important }
#confirmation_formal_name .form-title { margin-bottom: 20px !important }
#confirmation_formal_name .modal-login { width: 40% !important }

.festivals-carousel .owl-prev , .festivals-carousel .owl-next { top: 65px !important }
.venue-carousel .carousel-control i { margin-top: 58% !important;}
.well.venue-well {
    background-color: #f1f1f1 !important;
    border-bottom: 6px solid #e0e0e0 !important;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding: 30px 15px !important;
}
.venue-well .text-white {color: #333333 !important}
.venue-well img { margin-bottom: 20px !important }
.review { margin-top: 30px !important }
.review p { margin-bottom: 5px; margin-top: 15px; }
#venue-detail .heading-blue h2 { margin: 0 0 0px !important }

.events .product-item { margin-bottom: 0px !important;
    overflow: hidden;
    position: relative; }
.event-flyer.pi-img-wrapper { margin-bottom: 0px !important }
.event-item:hover .event-flyer img {filter: grayscale(1);}
.event-flyer img {width: 100%;transition: all 0.6s;}
.event-side {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: transparent;
    padding: 21px 0px;
    overflow: hidden;
    opacity: 0;
    z-index: 4;
}

#wrapper {
    background-image: url(../../../assets/ext/images/bg-fixed2.jpg) !important;
    background-attachment: fixed !important;
    background-color: inherit !important;
}

.event-item .event-side {transition: opacity 2s cubic-bezier(.19,1,.22,1);}
.event-item:hover .event-side {opacity: 1;} 

.event-item {margin-bottom: 30px !important;}

.event-item .product-item {position: relative;margin-bottom: 3px;display: table;}
.event-item .product-item:before {
    background-color: rgba(0,0,0,0.8);
    bottom: 0;
    content: '';
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    }
.event-item .product-item:before { transform: scale(0,1);
    transform-origin: right center;}
.event-item:hover .product-item:before {
    transform: scale(1,1);
    transform-origin: left center;
}

.list-view .event-side { opacity: 1 !important }
.list-view .event-item .product-item:before {z-index: -2;background: rgba(0, 0, 0, 0.025);}

 /***
Portfolio
***/
/*Portfolio Filter*/
.filter-v1 .filter-category {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -4px;
}

.filter-v1 .filter-category li {
    cursor: pointer;
    color: #656b71;
    background: transparent;
    border: 1px solid #d8d8d8;
    padding: 6px 15px;
    margin-right: 2px;
    margin-bottom: 5px;
    display: inline-block;
}

.filter-v1 .filter-category li.filter.none {
  color: #555;
  cursor: pointer;
  padding: 0px;
  margin-right: 2px;
  margin-bottom: 0px;
  background: none;
  display: inline-block;
}

.link-filter {
    color: #555;
    cursor: pointer;
   padding: 8px 15px;
    margin-right: 2px;
    margin-bottom: 5px;
    background: #F5F5F5;
    display: inline-block;
}
.link-filter:hover {
    color: #fff !important;
    background: #16384D;
}

.link-filter.active {
   color: #fff !important;
    background: #16384D !important;
}


.filter-v1 .filter-category li:hover, .filter-v1 .filter-category li.active {
    color: white;
    background: #0b151f;
    border: 1px solid #0b151f;
}

.filter-v1 .grid-v1 .mix {
  opacity: 0;
  display: none;
}

/*Portfolio Hover*/
.grid-v1 li {
  position: relative;
  overflow: hidden;
}

.grid-v1 li .hover-portfolio {
  color: #fff;
  width: 100%;
  height: 50%;
  bottom: -100%;
  text-align: center;
  position: absolute;
  background: #0da3e2;
}

.grid-v1 li .hover-portfolio.hover-portfolio-small,
.grid-v1 li .hover-portfolio.hover-portfolio-medium {
  height: 100%;
}

.grid-v1 li:hover .hover-portfolio {
  bottom: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  
}

.grid-v1 li .hover-portfolio h2 {
  color: #fff;
  padding: 0 20px;  
  margin-top: 30px;
}

.grid-v1 li .hover-portfolio p {
  padding: 0 30px;
}

.grid-v1 li .hover-portfolio i {
  color: #fff;
  font-size: 14px;
}

.grid-v1 li a.hover-portfolio-lft, 
.grid-v1 li a.hover-portfolio-rgt {
  color: #555;
  display: block;
  cursor: pointer;
  margin-top: 20px; 
  position: absolute;
  padding: 10px 15px;
  background: #16b2f4;
}

.grid-v1 li a.hover-portfolio-rgt {
  left: 50%;
  margin-left: 5px;
}

.grid-v1 li a.hover-portfolio-lft {
  right: 50%;
  margin-right: 5px;
}

.grid-v1 li a.hover-portfolio-lft:hover,
.grid-v1 li a.hover-portfolio-rgt:hover {
  color: #fff;
  padding: 9px 14px;
  text-decoration: none;
  border: solid 1px #eee;
}

 /* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
  .grid-v1 li .hover-portfolio.hover-portfolio-medium h2 {
    font-size: 16px;
  }   

  .grid-v1 li .hover-portfolio.hover-portfolio-small h2,
  .grid-v1 li .hover-portfolio.hover-portfolio-medium p {
    display: none;
  }

  .grid-v1 li .hover-portfolio.hover-portfolio-small a {
    top: 50%;
    margin-top: -1.2em;
  }
}

 /* Portrait tablet to landscape and desktop */
@media (min-width: 240px) and (max-width: 1170px) { 
  .grid-v1 li .hover-portfolio {
    top: 100%;
    height: 100%;
  }

  .grid-v1 li:hover .hover-portfolio {
    top: 0;
  }   
}

 /* Desktop to tablet */
@media (min-width: 980px) and (max-width: 1170px) { 
  /*BEGIN PORTFOLIO*/
  .grid-v1 li .hover-portfolio.hover-portfolio-medium p {
    display: none;
  }
}

 /* Portrait tablet to phone */
@media (max-width: 350px) { 
  .grid-v1 li .hover-portfolio.hover-portfolio-medium p {
    display: none;
  }
}