/*
  Theme Name: EstateAgency
  Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*======================================
//--//-->   STYLES GENERALES
======================================*/
@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"); }
 @font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }
 @font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto-Medium.ttf") format("truetype"); }
  @font-face {
    font-family: "ostrich-sans.sans-bold";
    src: url("../fonts/ostrich-sans.sans-bold.ttf") format("truetype"); }
body {
  font-family: 'Poppins', sans-serif;
  color: #555555;
  overflow-x:hidden;
  background:#0c080b;
}
.img-fluid{width: 100%;}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}

a {
  color: #000000;
  transition: all .5s ease;
}

a:hover {
  color: #ed1c24;
  text-decoration: none;
}

.link-two {
  color: #000000;
  transition: all .5s ease;
}

.link-two:hover {
  text-decoration: underline;
  color: #000000;
}

.link-one {
  color: #000000;
  transition: all .5s ease;
}

.link-one:hover {
  color: #000000;
  text-decoration: none;
}

.link-icon {
  color: #000000;
  font-weight: 500;
}

.link-icon span {
  font-size: 14px;
  padding-left: 4px;
  vertical-align: middle;
}

.link-a {
  color: #ffffff;
  text-decoration: none;
}

.link-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.link-a span {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

.text-brand {
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
}

.color-a {
  color: #000000;
}

.color-b {
  color: #ed1c24;
}

.color-d {
  color: #adadad;
}

.color-text-a {
  color: #555555;
}

.no-margin {
  margin: 0;
}
p{font-weight:normal;}
/*------/ Nav Pills  /------*/

.nav-pills-a.nav-pills .nav-link {
  color: #000000;
  position: relative;
  font-weight: 600;
}

.nav-pills-a.nav-pills .nav-link.active {
  background-color: transparent;
}

.nav-pills-a.nav-pills .nav-link.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #ed1c24;
  z-index: 2;
}

/*------/ Bg Image /------*/

.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/*------/ List a /------*/

.list-a {
  display: inline-block;
  line-height: 2;
  padding: 0;
  list-style: none;
}

.list-a li {
  position: relative;
  width: 50%;
  float: left;
  padding-left: 25px;
  padding-right: 5px;
}

.list-a li:before {
  content: '';
  width: 10px;
  height: 2px;
  position: absolute;
  background-color: #313131;
  top: 15px;
  left: 0;
}

/*------/ Pagination-a /------*/

.pagination-a .pagination .page-link {
  margin: 0 .2rem;
  border-color: transparent;
  padding: .5rem .8rem;
  color: #000000;
}

.pagination-a .pagination .page-link:hover,
.pagination-a .pagination .page-link:active,
.pagination-a .pagination .page-link:focus {
  background-color: #ed1c24;
}

.pagination-a .pagination .page-link span {
  font-size: 1.2rem;
}

.pagination-a .pagination .next .page-link {
  padding: .4rem .9rem;
}

.pagination-a .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-a .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-a .pagination .page-item.disabled .page-link {
  padding: .4rem .9rem;
  color: #555555;
}

.pagination-a .pagination .page-item.active .page-link {
  background-color: #ed1c24;
}

.a {
  color: #ed1c24;
  font-size: 1.3rem;
}

/*------/ Icon Box /------*/

.icon-box .icon-box-icon {
  display: table-cell;
  vertical-align: top;
  font-size: 36px;
  color: #000000;
  width: 50px;
  padding-top: 8px;
}

.icon-box .icon-box-content {
  padding-top: 18px;
}

/*------/ Space Padding /------*/

.section-t8 {
  padding-top: 8rem;
}

.section-t4 {
  padding-top: 4rem;
}

.section-t3 {
  padding-top: 3rem;
}

.section-b2 {
  padding-bottom: 2rem;
}

.section-tb85 {
  padding: 8rem 0 5rem 0;
}

/*------/ Title /------*/

.title-wrap {
  padding-bottom: 4rem;
}

.title-a {
  font-size: 2.6rem;
  font-weight: 600;
}

.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 1.2rem;
}

.title-link a {
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #ed1c24;
  bottom: 20px;
  left: 0;
}

/*------/ Display Table & Table Cell /------*/

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

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*------/ Ul Resect /------*/

.ul-resect ul,
.list-a ul,
.box-comments ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*------/ Overlay /------*/

.overlay-a {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.6) 90%);
}

.overlay-c {
  background: linear-gradient(to bottom, rgba(221, 211, 211, 0.18) 40%, rgba(97, 83, 83, 0.42) 60%);
  }
  .overlay-d {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(202, 202, 202) 68%);
    } 
.overlay-e {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.73), rgba(0, 0, 0, 0.23) 68%);
  } 
.posimg{
	    position: absolute;
    left: 31%;
       bottom: -17%;
    z-index: 1;
    width: 35%;
}
.posimg2{
	    position: absolute;
       left:9%;
    top: 0;
    z-index: 1;
}
#ourstory{min-height:755px;padding-top:14em;}
.overlay {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}

/*------/ Owl carousel /------*/

.owl-theme .owl-dots {
  text-align: center;
  margin-top: 18px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 9px;
  margin: 5px 5px;
  background: #000000;
  border: 0px solid #000000;
  display: block;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ed1c24;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #ed1c24;
  width: 35px;
}

.owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
}

.owl-arrow .owl-nav .owl-prev,
.owl-arrow .owl-nav .owl-next {
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #000000;
}

.owl-arrow .owl-nav .owl-prev.disabled,
.owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #adadad;
}

.owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-a .owl-arrow .owl-nav {
  font-size: 1.8rem;
  margin-top: -110px;
}

.nav-arrow-a .owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-b .owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  padding: .7rem 1.5rem !important;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #ffffff;
  background-color: #ed1c24;
  opacity: .9;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #ffffff;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,
.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {
  background-color: #26a356;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  margin-left: 0px;
}

/*------/ Socials /------*/

.socials-a .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #ed1c24;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #ed1c24;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*======================================
//--//-->   NAVBAR
======================================*/

.navbar-default {
  transition: all .5s ease-in-out;
 
  padding-top: 0px;
  padding-bottom: 28px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
}

.navbar-default .nav-search {
  color: #000000;
  font-size: 1.5rem;
}

.navbar-default.navbar-reduce {
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}
.navbar-default.navbar-reduce .helpdesk {
  display:none;
}
.navbar-default.navbar-trans,
.navbar-default.navbar-reduce {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item {
  position: relative;
  padding-right: 10px;
  padding-bottom: 8px;
  margin-left: 0;
}

.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
     font-size: 14px;
    color: #fff0dd;
    /* font-weight: 600; */
    letter-spacing: 1px;
    transition: all 0.1s ease-in-out;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    font-family: "Roboto-Medium";
	display:none;
}

.navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 0;
  background-color: #ed1c24;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out 0.3s;
  transition: transform .2s ease-out, opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out;
}
.navbar-brand{padding-top:0;}
.navbar-default.navbar-trans .nav-link:hover,
.navbar-default.navbar-reduce .nav-link:hover {
  color: #000000;
}

.navbar-default.navbar-trans .nav-link:hover:before,
.navbar-default.navbar-reduce .nav-link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}
.navbar-default.navbar-reduce .a1{display:none;}
.a12{display:none;}
.navbar-default.navbar-reduce .a12{display:block;}
.navbar-default.navbar-trans .show > .nav-link:before,
.navbar-default.navbar-trans .active > .nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show > .nav-link:before,
.navbar-default.navbar-reduce .active > .nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.navbar-default.navbar-trans .nav-link:before {
  background-color: #ed1c24;
}

.navbar-default.navbar-trans .nav-link:hover {
  color: #000000;
}

.navbar-default.navbar-trans .show > .nav-link,
.navbar-default.navbar-trans .active > .nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
      color: #fff;
}

.navbar-default.navbar-reduce {
  transition: all .5s ease-in-out;
  padding-top:2px;
  padding-bottom: 2px;
      background:rgba(0, 0, 0, 0.75);
box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}

.navbar-default.navbar-reduce .nav-link {
  color: #b3b3b3;
  display:inherit;
}

.navbar-default.navbar-reduce .nav-link:before {
  background-color: #ed1c24;
}

.navbar-default.navbar-reduce .nav-link:hover {
  color: #fff;
}

.navbar-default.navbar-reduce .show > .nav-link,
.navbar-default.navbar-reduce .active > .nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
  color: #fff;
}

.navbar-default.navbar-reduce .navbar-brand {
  color: #000000;
}

.navbar-default .dropdown .dropdown-menu {
  border-top: 0;
  border-left: 4px solid #ed1c24;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: translate3d(0px, -40px, 0px);
  transform: translate3d(0px, -40px, 0px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
  margin: 0;
  border-radius: 0;
  padding: 12px 0;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
  padding: 12px 18px;
  transition: all 500ms ease;
  font-weight: 600;
  min-width: 220px;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #e32329bf;
  color: #ed1c24;
  transition: all 500ms ease;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item.active {
  background-color: #e32329bf;
  color: #ed1c24;
}

.navbar-default .dropdown:hover .dropdown-menu {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/

.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #000000;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9;
}

/*======================================
//--//-->   BOX COLAPSE
======================================*/

.box-collapse {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1040;
  background-color: #ffffff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.6s ease;
}

.box-collapse .title-box-d {
  top: 30px;
  left: 60px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: .3s;
}

.box-collapse-wrap {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 6.5rem;
  bottom: 5rem;
  padding-left: 10%;
  padding-right: 10%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  transition: opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease;
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease;
}

.box-collapse-open .click-closed {
  visibility: visible;
}

.box-collapse-open .box-collapse {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
  opacity: 1;
}

.box-collapse-open .box-collapse .title-box-d {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.box-collapse-open .box-collapse-wrap {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.box-collapse-closed .box-collapse {
  opacity: .7;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .title-box-d {
  opacity: 0;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .form-a {
  opacity: 0;
  transition-delay: 0s;
}

.click-closed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1035;
  background-color: #000000;
  opacity: .4;
}

.close-box-collapse {
  position: absolute;
  z-index: 1050;
  top: 2rem;
  font-size: 3.5rem;
  line-height: 1;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease;
}

.right-boxed {
  right: 4.2857rem;
}

/*======================================
//--//-->   INTRO
======================================*/

.intro {
  height: 100vh;
  position: relative;
  color: #ffffff;
}

.intro .owl-theme .owl-dots {
  position: absolute;
  bottom: 70px;
  right: 50px;
}

.intro .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
  border: 0px solid #ffffff;
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ed1c24;
}

.intro .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ed1c24;
}

.intro .intro-item {
  padding-top: 2rem;
}

.intro .carousel-item-a {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body .price-a {
  color: #ffffff;
    padding: 10px 20px;
    border: 2px solid #ed1c24;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.030em;
    font-size: 17px;
}
.price-a {-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
  transition: opacity 1s;}
.price-a:hover{opacity:0.6;cursor:pointer;}
.section-partners img{width:100%;}
.intro .spacial {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  color: #ffffff;
}

.intro .intro-title-top {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-bottom: 1rem;
  font-size: .9rem;
  color: #ffffff;
  letter-spacing: .05em;
}

.intro .intro-title {
  transition-duration: 9s !important;
  color: #ffffff;
  font-family: "ostrich-sans.sans-bold";
  font-size: 2.8rem;
  text-transform: uppercase;
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

.intro .intro-subtitle.intro-price {
  padding-top: 1rem;
  font-size: 1.2rem;
}

/*------/ Intro Single /------*/

.intro-single {
  padding: 12rem 0 3rem;
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #ed1c24;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 2.2rem;
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

/*======================================
//--//-->   CARD GENERAL
======================================*/

.card-box-a,
.card-box-b,
.card-box-d {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-box-a .img-a,
.card-box-a .img-b,
.card-box-b .img-a,
.card-box-b .img-b {
  transition: .8s all ease-in-out;
}

.card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card-shadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


/*======================================
//--//-->   PROPERTY - CARD-A
======================================*/

.card-overlay-a-content {
  transition: all .5s ease-in;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 2;
}

.card-header-a {
  padding: 0 1rem;
}

.card-header-a .card-title-a {
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: .7rem;
}

.card-header-a .card-title-a a {
  color: #ffffff;
  text-decoration: none;
}

.card-body-a {
  z-index: 2;
  transition: all .5s ease-in;
  padding: 0rem 1rem 2rem 1rem;
}

.card-body-a .price-box {
  padding-bottom: .5rem;
}

.price-a {
  color: #ffffff;
  padding: .6rem 20px;
  border: 2px solid #ed1c24;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.030em;
}

.card-footer-a {
  width: 100%;
  position: absolute;
  z-index: 2;
  padding: 0 20px;
}

.card-info {
  list-style: none;
  margin-bottom: 0;
  padding: .5rem 0;
}

.card-info .card-info-title {
  font-size: 1rem;
  color: #313131;
}

.card-info li span {
  color: #ffffff;
  font-size: .9rem;
}

/*------/ Property Grid /-----*/

.property-grid .grid-option {
  text-align: right;
  margin-bottom: 2rem;
}

.property-grid .grid-option .custom-select {
  border-radius: 0;
  width: 200px;
  border-color: #313131;
}

.property-grid .grid-option .custom-select:hover,
.property-grid .grid-option .custom-select:active,
.property-grid .grid-option .custom-select:focus {
  border-color: #313131;
}

.property-grid .grid-option .custom-select option {
  border-color: #313131;
}

/*------/ Property Single /-----*/

.gallery-property {
  margin-bottom: 3rem;
}

.property-price {
  margin: 0 auto;
}

.property-price .card-header-c {
  padding: 0;
}

.summary-list {
  padding-right: 1rem;
  color: #000000;
}

.summary-list .list {
  padding: 0;
  line-height: 2;
}

.summary-list .list span {
  color: #555555;
}

.property-agent .title-agent {
  font-weight: 600;
}

.property-agent ul {
  line-height: 2;
  color: #000000;
}

.property-agent .socials-a {
  text-align: center;
}

/*======================================
//--//-->   NEWS - CARD-B
======================================*/

.card-header-b {
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  z-index: 2;
}

.card-header-b .category-b {
  font-size: .9rem;
  background-color: #ed1c24;
  padding: .3rem .7rem;
  color: #313131;
  letter-spacing: 0.030em;
  border-radius: 50px;
  text-decoration: none;
}

.card-header-b .title-2 {
  margin-bottom: 0;
  padding: .6rem 0;
  font-size: 1.5rem;
}

.card-header-b .title-2 a {
  color: #ffffff;
  text-decoration: none;
}

.card-header-b .date-b {
  color: #d8d8d8;
  font-size: 1rem;
}

/*------/ News Single /------*/

.post-information {
  padding: 3rem 0;
}

.post-content {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.6;
}

.post-content .post-intro {
  font-size: 1.7rem;
  font-weight: 300;
  margin-bottom: 4rem;
  line-height: 1.6;
  color: #000000;
  font-weight: 400;
}

.post-content p {
  margin-bottom: 1.7rem;
}

.post-content .blockquote {
  padding: 1rem 3rem 1.7rem 3rem;
  border-left: 3px solid #ed1c24;
  color: #000000;
}

.post-content .blockquote footer {
  text-align: left;
  padding: 0;
}

.post-footer {
  padding: 3rem 0 4rem;
}

.post-share .socials {
  display: inline-block;
}

.post-share .socials li {
  margin-left: .6rem;
}

/*------/ Comments /------*/

.box-comments .list-comments li {
  padding-bottom: 3.5rem;
}

.box-comments .list-comments .comment-avatar {
  display: table-cell;
  vertical-align: top;
}

.box-comments .list-comments .comment-avatar img {
  width: 80px;
  height: 80px;
}

.box-comments .list-comments .comment-author {
  font-size: 1.3rem;
}

.box-comments .list-comments .comment-details {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.box-comments .list-comments .comment-description {
  padding: .8rem 0 .5rem 0;
}

.box-comments .list-comments a {
  color: #000000;
}

.box-comments .list-comments span {
  display: block;
  color: #2B2A2A;
  font-style: italic;
}

.box-comments .comment-children {
  margin-left: 40px;
}

/*======================================
//--//-->   SERVICES - CARD-C
======================================*/

.card-box-c {
  position: relative;
}

.card-header-c {
  padding: 0 1rem 1rem 1rem;
}

.card-body-c {
  padding: .5rem .5rem 0 .5rem;
}

.card-footer-c {
  padding-left: .5rem;
}

.card-box-ico {
  padding: 1rem 3rem 1rem 2.5rem;
  border: 5px solid #ed1c24;
}

.card-box-ico span {
  font-size: 4rem;
  color: #000000;
}

.title-c {
  font-size: 2.5rem;
  font-weight: 600;
  margin-left: -40px;
}

/*======================================
//--//-->   AGENTS - CARD-D
======================================*/

.card-box-d .card-overlay-hover {
  transition: all .2s ease-in-out;
  padding: 15px 40px 15px 35px;
}

.card-box-d .title-d {
  transition: .3s ease-in-out;
  font-size: 2rem;
  font-weight: 600;
  margin: 1rem 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
}

.card-box-d .content-d {
  opacity: 0;
  transition: .5s ease-in-out;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.card-box-d .info-agents {
  opacity: 0;
  transition: .5s ease-in-out;
}

.card-box-d .card-footer-d {
  transition: .5s ease-in-out;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
}

.card-box-d .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

.card-box-d:hover .card-overlay-hover {
  background-color: #fff;
  opacity: .9;
}

.card-box-d:hover .title-d,
.card-box-d:hover .content-d,
.card-box-d:hover .info-agents,
.card-box-d:hover .card-footer-d {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*------/ Agent Single /------*/

.agent-info-box .socials-footer {
  margin-top: 2rem;
}

.agent-info-box .socials-footer li {
  margin-right: 1.5rem;
}

/*======================================
//--//-->   ABOUT
======================================*/

.section-about .title-vertical {
  position: absolute;
  letter-spacing: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 50px;
  text-align: left;
  font-size: 1.8rem;
  width: 300px;
  font-weight: 700;
  text-align: right;
}

.about-img-box {
  padding-left: 1rem;
  position: relative;
}

.sinse-box {
  background-color: #ed1c24;
  padding: 1rem 2rem;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

.sinse-box .sinse-title {
  font-weight: 700;
  letter-spacing: 0.043em;
  font-size: 1rem;
}

.sinse-box .sinse-title span {
  position: absolute;
}

.sinse-box .sinse-title span:after {
  content: ' ';
  width: 35px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -15px;
}

.sinse-box p {
  margin-bottom: 0;
  font-size: .7rem;
}

/*======================================
//--//-->   TESTIMONIALS
======================================*/

.testimonials-box {
  padding: 1rem 0;
  position: relative;
}

.testimonials-box .testimonial-avatar {
  width: 80px !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 50%;
}

.testimonial-ico {
  text-align: center;
}

.testimonial-ico span {
  font-size: 1.8rem;
  background-color: #ed1c24;
  color: #ffffff;
  padding: .4rem 1rem;
  border-radius: 50px;
}

.testimonial-text {
  font-style: italic;
  margin-top: 25px;
  padding: 1.5rem 1.5rem;
  background-color: #f3f3f3;
  position: relative;
}

.testimonial-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  width: 0px;
  height: 0px;
  border-top: 15px solid #f3f3f3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.testimonial-author-box {
  margin-top: 2rem;
}

.testimonial-author {
  margin-left: 1rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.2rem;
  color: #000000;
}

/*======================================
//--//-->   FOOTER
======================================*/

.section-footer {
  padding-top: 7em;
  overflow: hidden;
  position: relative;
  overflow:hidden;
}
.section-footer a{color: #fff5e9cc;}
.section-footer .color-text-a {
  color: #e0d7cd;
}
.section-footer .color-a {
  color: #ffffff;
}
.section-footer ul {
  line-height: 2;
}

.section-footer .item-list-a i {
  font-size: 18px;
  padding-right: 4px;
  color: #ed1c24;
}

.section-footer .widget-a .w-title-a {
  margin-bottom: 1rem;
}
.section-footer p{
  font-family: "Roboto-Regular";
  color: #e1e1e1;
  font-size: 15px;
}
footer {

  text-align: center;
  padding: 30px 0;
}

footer .copyright-footer {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

footer .credits {
  font-size: 14px;
}

/*======================================
//--//-->   FORM INPUT
======================================*/

.form-a #sendmessage {
  color: #ed1c24;
  border: 1px solid #26a356;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-a #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-a #sendmessage.show,
.form-a #errormessage.show,
.form-a .show {
  display: block;
}

.form-a .validation {
  color: red;
  display: none;
  margin: 4px 0 20px 0;
  font-weight: 400;
  font-size: 13px;
}

.form-a label {
  color: #000000;
  position: relative;
}

.form-a select.form-control-lg:not([size]):not([multiple]) {
  height: 3.5rem;
}

.form-a .form-control {
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 300;
}

.form-a .form-control.form-control-a {
  height: 3.5rem;
}

.form-a .form-control:focus {
  box-shadow: none;
  border-color: #ed1c24;
}

/*======================================
//--//-->   BUTTON
======================================*/

.btn {
  transition: .5s ease;
}

.btn.btn-a,
.btn.btn-b {
  border-radius: 0;
  padding: 1rem 3rem;
  letter-spacing: .05rem;
}

.btn.btn-a {
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-a:hover {
  background-color: #ed1c24;
  color: #000000;
}

.btn.btn-b {
  background-color: #ed1c24;
  color: #000000;
}

.btn.btn-b:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-b-n {
  background-color: #ed1c24;
  color: #ffffff;
  border-radius: 0;
}

.btn.btn-b-n:hover {
  background-color: #26a356;
  color: #ffffff;
}

@media (min-width: 576px) {
  .intro .intro-title {
    font-size: 3.5rem;
  }

  .intro .intro-subtitle.intro-price {
    font-size: 1.3rem;
  }

  .about-img-box {
    padding-left: 4rem;
  }

  .sinse-box {
    padding: 1.5rem 2.5rem;
    bottom: 20px;
  }

  .sinse-box .sinse-title {
    font-size: 1.3rem;
  }

  .sinse-box p {
    font-size: .8rem;
  }

  .sinse-box p {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .link-a {
    font-size: .9rem;
  }

  .link-a span {
    font-size: 1.5rem;
  }

  .navbar-default.navbar-trans .nav-item,
  .navbar-default.navbar-reduce .nav-item {
    margin-left: 15px;
  }

  .navbar-default .dropdown .dropdown-menu {
    border-top: 4px solid #ed1c24;
    border-left: 0;
    display: block;
    position: absolute;
    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
  }

  .box-collapse {
    width: 50%;
  }

  .intro .owl-theme .owl-dots {
    right: 200px;
  }



  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  .intro .intro-title {
    font-size: 4rem;
    line-height:64px;
  }

  .intro .intro-subtitle {
    font-size: 2.5rem;
  }

  .intro .intro-subtitle.intro-price {
    padding-top: 2rem;
    font-size: 1.5rem;
  }

  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }

  .grid .card-box-a,
  .grid .card-box-b,
  .grid .card-box-c,
  .grid .card-box-d {
    margin-bottom: 2.5rem;
  }

  .card-box-a:hover .img-a,
  .card-box-a:hover .img-b,
  .card-box-b:hover .img-a,
  .card-box-b:hover .img-b {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: .9rem;
  }

  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }

  .card-box-a:hover .card-body-a {
    padding-bottom: 1rem;
  }

  .card-overlay-a-content {
    bottom: -20px;
  }

  .card-header-a .card-title-a {
    font-size: 1.3rem;
  }

  .card-info .card-info-title {
    font-size: .9rem;
  }

  .card-info li span {
    font-size: .8rem;
  }

  .card-header-b {
    bottom: 0px;
  }

  .card-header-b .title-2 {
    font-size: 1rem;
  }

  .card-header-b .date-b {
    font-size: .9rem;
  }

  .box-comments .list-comments .comment-author {
    font-size: 1.5rem;
  }

  .title-c {
    font-size: 1.8rem;
  }

  .card-box-d .card-overlay-hover {
    padding: 5px 15px 5px 10px;
  }

  .card-box-d .title-d {
    font-size: 1.1rem;
    margin: .5rem 0;
  }

  .card-box-d .content-d {
    font-size: .8rem;
    margin: .5rem 0;
  }

  .card-box-d .card-body-d p {
    margin-bottom: 8px;
    font-size: .8rem;
  }

  .about-img-box {
    padding-left: 5rem;
  }

  .sinse-box {
    padding: 1.5rem 3rem;
  }

  .sinse-box .sinse-title {
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 64px;
  }
}

@media (min-width: 992px) {
  .link-a {
    font-size: 1rem;
  }

  .link-a span {
    font-size: 18px;
  }

  .list-a li {
    width: 33.333%;
  }

  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 1rem;
    text-transform:uppercase;
    margin-bottom:11px !important;
  }

  .intro .intro-title {
       font-size: 4rem;
    line-height: 59px;
  }

  .intro .intro-subtitle.intro-price {
    padding-top: 30px;
  }

  .intro-single .title-single-box .title-single {
    font-size: 2.5rem;
  }

  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: 1rem;
  }

  .card-overlay-a-content {
    bottom: 0px;
  }

  .card-header-a .card-title-a {
    font-size: 2rem;
  }

  .card-info .card-info-title {
    font-size: 1rem;
  }

  .card-info li span {
    font-size: 1rem;
  }

  .card-header-b {
    bottom: 20px;
  }

  .card-header-b .title-2 {
    font-size: 1.6rem;
  }

  .card-header-b .date-b {
    font-size: 1rem;
  }

  .title-c {
    font-size: 2.5rem;
  }

  .card-box-d .card-overlay-hover {
    padding: 5px 40px 5px 35px;
  }

  .card-box-d .title-d {
    font-size: 1.5rem;
    margin: 1rem 0;
  }

  .card-box-d .card-body-d p {
    margin-bottom: 12px;
    font-size: 1rem;
  }

  .sinse-box {
    padding: 3rem 4.5rem;
  }

  .sinse-box .sinse-title {
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .card-box-d .card-overlay-hover {
    padding: 15px 40px 5px 35px;
  }

  .card-box-d .title-d {
    font-size: 2rem;
    margin: 1rem 0;
  }
}

@media (max-width: 991px) {
  .property-contact {
    margin-top: 2.5rem;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

@media (max-width: 767px) {
  .text-brand {
    font-size: 1.8rem;
  }

  .section-t8 {
    padding-top: 4rem;
  }

  .section-t4 {
    padding-top: 2rem;
  }

  .section-md-t3 {
    padding-top: 3rem;
  }

  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }

  .intro-single {
    padding-top: 9rem;
  }

  .card-box-a,
  .card-box-b,
  .card-box-c,
  .card-box-d {
    margin-bottom: 2.5rem;
  }

  .card-box-a .card-overlay-a-content {
    bottom: 65px;
  }

  .card-box-a .card-body-a {
    padding-bottom: 1rem;
  }

  .property-agent {
    margin-top: 2.5rem;
  }

  .card-box-c {
    margin-bottom: 2rem;
  }

  .card-body-c {
    padding: 0;
  }
}


.section-muted-title {
    position: absolute;
    left: 4rem;
    top: 9rem;
}
.section-muted-title span {
    transform-origin: bottom right;
    transform: translateY(-879%) rotate(-90deg);
}
.section-muted-title span {
        display: block;
    position: relative;
    line-height: 1;
    font-size: 44px;
    text-transform: lowercase;
    color: rgba(62, 84, 101, 0.1);
    transform: translateY(700%) rotate(-90deg);
   
    transform-origin: bottom left;
    margin-left: 109px;
    text-transform: uppercase;
}
@media (min-width: 1200px){
.container {
    max-width: 1170px;
}
}
@media (max-width: 575px) {
  .box-collapse .title-box-d {
    left: 35px;
  }

  .box-collapse .title-box-d .title-d {
    font-size: 1.3rem;
  }
}


.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
  
}
.swing img {
    
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 1px solid #999;
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}
#ourstory{
       background: linear-gradient(to right, #e1ccaf 0%, #efdcc0 27%, #f4dbb9 90%);
}

#ourstory p{line-height: 32px;}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.all{
	
	position:relative;
	background-color:rgba(255,255,255,0.5);
	z-index:1;
	width:100%;
	overflow:hidden;
	float:left;
	
}
.link{
	width:50%;
	height:100%;
	overflow:hidden;
	color:#666;
	position:absolute;
	z-index:4;
	transition:all 1.5s;
	top:-380px;
	background-color:rgba(75, 92, 95, 0.74);
	
}
.link-2{
	width:50%;
	height:100%;
	background-color:rgba(75, 92, 95, 0.74);
	color:#666;
	position:absolute;
	z-index:4;	
	left:50%;
	overflow:hidden;
	transition:all 1.5s;
	bottom:-380px;
}

.all:hover .link {
	top:0;
}
.all:hover .link-2 {
	bottom:0;
}
.all .link p,.all .link-2 p{
	font-size:30px;
	font-family: "Roboto-Regular";
	color:#FFF;
	line-height:300px;
}
.all .link p{
	margin-left:73%;
}
.all .link-2 p{
	margin-left:-24%;
}
button{
    overflow: visible;
    border: none;
    background: none;
}
#quality{overflow:hidden;}
.postn{    top: 26%;
    right: 4%;
    width: 40%;
}
.postn h3{    font-family: "Roboto-Medium";
    font-size: 38px;
    text-transform: uppercase;
    line-height: 35px;
    padding-bottom: 12px;}
.cl1{color:#a68e81;}

.cl2{color:#ffffff;}
.postn2{    right: 15%;}
.bgbld{width:100%;position:absolute;min-height:100px;z-index:0;bottom:0;left:0;    opacity: 0.6;}
.pos2{left:16%;}
.section-property{    padding: 5em 0 5em 0;position:relative;}
.postins{position: absolute;top:0;left:10%;    color: #fafafa2e !important;}
.bgash{background:#9fa6ad;}
.bordrround{     position: absolute;
  z-index: 10;
  right: -8%;
  border-radius: 50%;
  background: rgba(255,255,255, 0.6);
  width: 720px;
  height: 720px;
  top: 18%;
  padding: 55px 55px;
  overflow: hidden;
  box-shadow: 20px 20px 30px #0000001c;
}
.round2 {
  width: 600px;
    height: 600px;
  border-radius: 50%;
  overflow: hidden;}
  .round2 .owl-arrow .owl-nav{    z-index: 100000;}
  .testimonials-box img{width:100%;margin-top: -3%;}
  .round2 .owl-arrow .owl-nav{    top: 10%;
    right: 23%;
    font-size: 1.8rem;}
    .card-header-a .card-title-a a{    font-family: "ostrich-sans.sans-bold";
      font-size: 50px;
      text-transform: uppercase;
      line-height: 48px;
      letter-spacing: 1px;}
      .card-header-a{    padding: 0 32px;
        padding-bottom: 20px;}
    .card-shadow:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(215, 215, 214, 0) 40%, rgba(0, 0, 0, 0.41) 60%);
      
    }
    .clr4{color:#f3dab9;}
    #ourstory h5{    font-family: "Roboto-Medium";
      color: #72614a;
      line-height: 29px;
      /* padding-top: 33em; */
      padding-top: 2em !important;}
      .arrows {
        position: absolute;
        z-index: 1;
        right: -8%;
        background: url(../img/arrow.png);
        width:100%;
        max-width: 1030px;
        min-height: 662px;
        top: 0%;
       
    }
    .section-agents{padding:6em 0 6em 0;position: relative;overflow: hidden;}
    .bigop{font-size:160px;font-family: "Roboto-Bold";color:#fafafa;text-align:left;line-height: 138px;}
    .subhead{font-size: 40px;
      color: #4f463a;}
      .text-sd{    color: #ffffff75;}


      .section-agents .section-muted-title span {
        display: block;
    position: relative;
    line-height: 1;
    font-size: 44px;
    text-transform: lowercase;
    color: rgba(255, 255, 255, 0.81);
    transform: translateY(1339%) rotate(-90deg);
    transform-origin: bottom left;
    margin-left: 109px;
    text-transform: uppercase;
}
.section-footer .widget-a .w-title-a{font-family: "Roboto-Regular";font-weight:normal;font-size:22px;}
.section-partners{    padding: 5em 0 4em 0;background:#fff;}
.captions{     position: absolute;
  z-index: 100;
  left: 17%;
  top: 59%;
  width: 45%;
  color: #fff;}
.captions h3{font-family: "Roboto-Regular";
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  text-shadow: 8px 4px 17px #0000006b;
}
.red-circle{    max-width: 526px;
  position: absolute;
  left: -18%;
  bottom: -26%;
  
  width: 100%;}
  .banner-circle{    max-width: 1270px;
    position: absolute;
    right: -40%;
    bottom: -87%;
    
    width: 100%;}
.owl-nav{display:none;}
.section-property .overlay{z-index:-1;}
#spend{background:url(../img/tax-free-bag.jpg) no-repeat #dfdfdf;width:100%;padding:7em 0 12em 0;background-position:bottom center;position: relative;overflow: hidden;}

.img-bg-graph{
   max-width: 513px;
    position: absolute;
    right: 0%;
   bottom: 0%;
    width: 100%;}
.hand{max-width: 661px;
  position: absolute;
  right: 0%;
 top: 25%;
  width: 100%;
  background:url(../img/steps-hand.png) no-repeat;
  min-height: 336px;
}
.man{    max-width: 350px;
    position: absolute;
    left: 24%;
    bottom: 0px;
    width: 100%;
    background: url(../img/man.png) no-repeat;
    min-height: 431px;
}

h2{ font-family: "ostrich-sans.sans-bold";font-size:47px;text-align:center;color:#fff;font-weight:normal;margin-bottom:1em;}
.section-property ul li{background:url(../img/li.png) no-repeat;list-style-type:none;    padding-left: 29px;background-position-y: 5px;margin-bottom:39px;}
.section-property ul{margin:0;padding:0;}
.section-property ul li h4{font-family: "Roboto-Regular";font-size:21px;color:#fff;}
.section-property ul li p{font-family: "Roboto-Regular";font-size:16px;color:#9f9b9e;}
.section-property .rp ul li {background:url(../img/li.png) no-repeat right;background-position-y: 5px;    padding-left: 0px;padding-right:29px;}
#spend h4{font-family: "Roboto-Medium";text-align:center;color:#585858;font-size:39px;}
#spend h2{color:#ed1c24; }
#spend .red-circle{bottom: -56%;}
#spend .banner-circle{bottom: 21%;    max-width: 728px;
  position: absolute;
  right: -18%;
  opacity: 0.1;
  width: 100%;}
#spend .banner-circle img{width:100%;}
.steps{text-align:left;color: #847c84;font-size:20px;padding:0;margin:0;}
.number01{    color: #fff;
  font-size: 35px;
  font-family: "Roboto-Medium";
  line-height: 19px;
  letter-spacing: 5px;}
.section-agents h2{    margin-bottom: 0px;
  font-size: 46px;
  margin-left: 12px;}
.section-agents h3{font-family: "Roboto-regular";color:#c9a5ae;font-size: 40px;}
.steps p{text-transform:uppercase;font-size:18px;color:#867e86;font-family: "Roboto-Medium";margin-bottom: 0;}
.imageicon{margin-top:10px;margin-left:10px;}
.taxfree{padding:5em 0;position: relative;}
.white-circle {
  max-width: 526px;
  position: absolute;
  left: -18%;
  bottom: -29%;
  width: 100%;
}
.taxfree h4{    color: #ffffffb8;
  font-family: "Roboto-Regular";
  font-size: 31px;}
.taxfree h2{      font-size: 71px;
  margin-bottom: 0;
  word-spacing: 6px;
  letter-spacing: 2px;}
h4{font-weight:normal;}
.taxfree p{color:#fff; font-family: "Roboto-Regular";}

#mission{ background: url(../img/bg4.jpg) no-repeat top center fixed; width:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:4em 0;
  padding-bottom:5em;
}
#mission h2{    margin-bottom: 0;
  padding-top: 4em;
  padding-bottom: 11px;}


#mission p {
  color: #fff;
  font-family: "Roboto-Regular";line-height: 25px;
}
.section-partners h2{color:#111;    margin-bottom: 20px;}

#custom-search-input {
  margin:0;
  margin-top: 10px;
  padding: 0;
}

#custom-search-input .search-query {
  
  margin-bottom: 0;
 
  font-size: 16px;
  color: #042337;
  font-family: "Roboto-Regular";

}

#custom-search-input button {
  
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: 0px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
color: #ff7f7f;
font-size: 20px;
}

.search-query:focus + button {
  z-index: 3;   
}

#custom-search-input .input-group-btn {
  position: absolute;
  font-size: 0;
  white-space: nowrap;
  right: 15px;
  top: 0px;
  z-index: 1000;
  background: #ed2124;
  width: 41px;
}
#custom-search-input .form-control{border-radius:0;}







.button_container {
  position: fixed;
  top: 4%;
  right: 14%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 10000;
  transition: opacity .25s ease;

}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #fff;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}
.button_container .top{width:70%;}
.button_container .bottom{width:70%;}

.overlay2 {
  position: fixed;
  background: #000000e6;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;

}
.overlay2.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
  z-index: 1080;
}
.overlay2.open li {
  animation: fadeInRight .5s ease forwards;
  animation-delay: .35s;
}
.overlay2.open li:nth-of-type(2) {
  animation-delay: .4s;
}
.overlay2.open li:nth-of-type(3) {
  animation-delay: .45s;
}
.overlay2.open li:nth-of-type(4) {
  animation-delay: .50s;
}
.overlay2 nav {
  margin-top: 6%;
  text-align: center;
}
.overlay2 nav h3{color:#fff;font-size:18px;font-family: "Roboto-Regular";}
.overlay2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  height: 100%;
  
}
.overlay2 ul li {
  display: block;
  float: left;
  position: relative;
  opacity: 0;
}
.overlay2 ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  font-size: 20px;
  font-family: "Roboto-Regular";
  text-align: left;
  line-height: 55px;
  margin-right: 53px;
}
.overlay2 ul li a:hover:after, .overlay2 ul li a:focus:after, .overlay2 ul li a:active:after {
  width: 100%;
}
.overlay2 ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  transition: .35s;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.helpdesk{margin-right: 6%;
margin-top: -3%;
font-size: 19px;
color: #979593;}
.dropdown-menu{background-color: #e32329bf;padding:0;margin:0;}
.dropdown-item{font-size:16px !important;line-height:40px !important;}
.nav-link{padding:0;}
#navbarDefault .dropdown-item{color:#fff;}
.navbar-default .dropdown .dropdown-menu{padding:0 !important;}
#navbarDefault .dropdown-item:hover{background-color:#000;}

.social-icons-ql li{
  list-style:none;
  float:left;
  width:40px;
  height:40px;
  line-height:45px;
  background:#000;
  text-align:center;
  margin:10px 5px;
  border-radius: 50%;
  -webkit-transition: opacity 2s; /* Safari */
  transition: opacity 2s;
}
.social-icons-ql li:hover{opacity:0.5;}
.social-icons-ql li:nth-child(1){

  background:#34558E;
}

.social-icons-ql li:nth-child(1) i{
  font-size:25px;
  
}
.social-icons-ql li:nth-child(2) {
background:#25B8E6;#0198DE
}

.social-icons-ql li:nth-child(3) {
background:rgba(0, 122, 181, 1);
}
.social-icons-ql li:nth-child(4) {
background:#DC4A38;
}
.social-icons-ql li:nth-child(5) {
background:#CC2028;
}

.social-icons-ql li:nth-child(6) {
background:#E05929;
}
.social-icons-ql li:nth-child(7) {
background:#EB4924;
}
.social-icons-ql{padding:0;}


.social-icons-ql li i{
  color:#fff;
  font-size:20px;
}
.getstart{background:#e6001f;padding:3em 0;width:100%;}
.getstart h2{margin-bottom:0px;text-align:left;font-size:79px;}
.getstart h4{color:#fff;font-family: "Roboto-Medium";    padding-top: 8px;
    line-height: 36px;}
.getstart h5{color:#fff;font-family: "Roboto-regular";text-transform:uppercase;color:#ea7e85;letter-spacing:11px;font-size:14px;}
.fadecolr{color:#ffbcc3;}
.navbar-default.navbar-reduce .mystyle{top:0px;margin-right:0;}
.mystyle{  border: 2px solid #ff3808;
  font-size: 14px;
  padding: 10px 20px;
  top: -17px;
  margin-right: 18px;
  position: relative;}

.subhd124 {
    font-family: "Roboto-Medium";
    text-align: center;
    color: #ffcece;
    font-size: 37px;
    letter-spacing: -1px;
}
.faq{padding-bottom:3em !important;}
.success{padding:12em 0 0em 0;width:100%;overflow: hidden;}
.success h2{margin-bottom:0;}
.subhd12{    font-family: "Roboto-Medium";
  text-align: center;
  color: #ed2124;
  font-size: 37px;
  letter-spacing: -1px;}
.success p{    color: #fffffff0;
  font-family: "Roboto-Regular";
  line-height: 30px;
  font-size: 17px;
  margin-top: 17px;}
 .bg-whites{    width: 100%;
   
    padding: 5em 0;
    margin-top: 7em;margin-bottom:0;
	background-size:100%;
	}

.bg-whites h2{color:#fff;padding-top: 1em;}
.bg-whites p{color:#fff;}
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius:0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: #ed2124;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding:0;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  display:inherit;
}

.panel-body {
  background: #fff;
}
.tx{    line-height: 20px;
    padding: 13px;}
.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
  
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\e316';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}
.panel{border:0;}
.vio{ background-color: #79188a;}
.blu{ background-color: #002ffb;}
p{ font-family: "Roboto-Regular";}
.panel-body{color:#111;margin-bottom:17px;}
.panel-body ul{margin:10px 0;padding:0;}
.panel-body ul li{
	    background: url(../img/li-red.png) no-repeat;
    list-style-type: none;
    padding-left: 29px;
    background-position-y: 5px;
        margin-bottom: 4px;
		font-family: "Roboto-Regular";
}
.panel-title{font-family: "Roboto-Medium";}
.submore h5{    color: #fff;
    font-size: 44px;
    margin-bottom: 22px;
    margin-top: 34%;}
.panel-heading .fa{    padding: 17px;
    width: 49px;
    background: #0000001c;
    text-align: center;}
.group 			  { 
  position:relative; 
  margin-bottom:35px; 
}
.formwhite h4 {
    font-family: "Roboto-Medium";
    text-align: left;
    color: #585858;
    font-size: 39px;
	margin-bottom:.5em;
}
input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}

textarea 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus 		{ outline:none; }
textarea:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
     color: #000;
    font-size: 17px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  font-family: "Roboto-Regular";
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#ed2124;
}
textarea:focus ~ label, textarea:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#ed2124;
}
textarea{line-height:14px;}
.submits{color: #e6201e;}
/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:300px; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
      background: #ed2124;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
  width:50%;
}
/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
.formwhite{background:#fff;padding:3em;position:relative;z-index:10;}
.bg-white p{     color: #535353;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
    padding-top: 0;}
.bg-white .fa{    color: #fff;
    background: #ed1c24;
    font-size: 14px;
    width: 23px;
    height: 23px;
    border-radius: 54%;
    text-align: center;
    line-height: 24px;
    margin-right: 0px;
	float:left;
	}

.bg-white h3{font-size:20px;}
.bgcolors{padding:32px;float:left;background:rgba(230,0,31, 0.8);padding-bottom:20px;}
.brdr2{width:100%;height:1px;background-image: linear-gradient(to right, #2b4555, #010206);float:left;}
.uplift{width: 100%;
        background: #0b1024;
    padding: 6em 0;padding-bottom:0;}
.mg-top{    margin-top: -14%;}
.uplift p {
    color: #f5f5f5;
    font-family: "Roboto-Regular";
    line-height: 30px;
    font-size: 17px;
    margin-top: 17px;
}
.qstn{margin-top:-13px;}
.vlt{background:rgba(119,0,230, 0.8);}
.blu{background:rgba(10,49,165, 0.8);}
.bgcolors h3{    font-family: "Roboto-Regular";
    color: #fff;
    font-size: 22px;
    line-height:28px;margin-bottom:0px;}
.retailer h4{    font-family: "Roboto-regular";
    color: #fff;
    font-size: 28px;}
.retailer{    padding-bottom: 3em;}
.subhd123 {
    font-family: "Roboto-Medium";
    text-align: center;
    color: #ffffff78;
    font-size: 37px;
    letter-spacing: -1px;
}

h6 {
    font-family: "Roboto-regular";
       color: #ffafaf;
    font-size: 40px;
}
.sup{font-size: 23px !important;
margin-bottom: 2em;}
.questions{    background: #adadad14;padding:3em 0;}
.questions .panel-heading{      background-color: #462526;}
 .newsevents{width:100%;overflow:hidden;position:relative;padding:9em 0 5em 0;}
.overlay2 .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
.grid-gallery figcaption h3 {
    font-family: "Roboto-Medium";
    font-size: 21px;
    color: #111;
}
.grid-gallery figcaption p{    font-family: "Roboto-Regular";
    font-size: 16px;
       color: #5b5b5b;}
.lead2{font-size:22px !important;}	
.lead3{font-size:22px !important;color:#ff0a0a;margin-bottom:0;    line-height: 26px;}	
.savemoney{    background:#d2d2d2 !important;    padding:11em 0 4em 0 !important;}

.notrefund h3 {
    font-family: "Roboto-regular";
    color: #fff !important;
    font-size: 40px;    line-height: 53px;
}
.notrefund .lead2{    color: #d6d6d6;}
.uplifts{    background: #e6201e !important;    padding: 7em 0 4em 0 !important;}
.uplifts h4 {
    font-family: "Roboto-Medium";
    text-align: center;
        color: #ff9c9b !important;
    font-size: 39px;
}
.uplifts h2 {
    color: #ffffff !important;
}
.mystyle2{  border: 2px solid #fff;
  font-size: 14px;
  padding: 10px 20px;
  margin-top:2%;
  margin-right: 0px;
  position: relative;color:#fff;top:40%;}
 .mh{    min-height: 300px;}
 .unstyled li{    color: #fff;
    list-style-type: none;
    margin-left: 8px;
    margin-bottom: 10px;}
 .unstyled{margin:0;padding:0;margin-left:10px;}
 .unstyled .fa{margin-right:10px;}
 .questions .panel-body{ background: inherit;
    color: #fff;
    padding: 20px;
    font-family: "Roboto-Regular";
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0px;
    margin-top: -3px;padding-left:63px;}
.deto{ color: #fff;
    padding: 20px;font-family: "Roboto-Regular";    margin-bottom: 0;    padding-bottom: 5px;
    padding-top: 2px;    padding-left: 63px;}
 
	
.questions .panel-heading .fa{    padding: 17px;
    width: 49px;
       background: #9f1d21;
    text-align: center;}
.tp0{top:0;}
	.questions .panel{margin-bottom:20px;}
.dpnon{display:none;}
.navbar-default.navbar-trans .nav-link:hover {
    color: #ffffff;
}
.cookies{background-image:none !important;    padding: 5em 0 6em 0 !important;background:#f7f7f7 !important;}
.cookies .red-circle {
    bottom: -29%;
}
.span9 ol li{font-family: "Roboto-Regular";    margin-bottom: 7px;}
.bo1{border-top:0 !important;padding-top:0px !important;}
.section-footer a {
    color: #ffffffcc;
    padding-right: 10px;
    padding-left: 10px;
}









@charset "utf-8";
/* CSS Document */

/* Some defaults */

#cookieCompliancy {
	position: fixed;
	cursor: pointer;
	z-index: 1000;
}

#cookieCompliancy.ccbottom {
	    bottom: 0;
    width: 96px;
    height: 55px;
    margin: 0 0 0px 0;
    right: 65px !important;
    left: inherit !important;
}

#cookieCompliancy.ccleft {
	left: 0;	
}

#cookieCompliancy.ccright {
	right: 0;	
}

#cookieCompliancy.cctop {
	top: 0;
	width: 44px;
	height: 34px;	
}

/* Bottom Colour Options */

#cookieCompliancy.ccbottom.ccorange.ccleft {
	background: url(images/ccBottomLeftOrange.png) no-repeat;
}

#cookieCompliancy.ccbottom.ccblack.ccleft {
	background: url(images/ccBottomLeftBlack.png) no-repeat;
}

#cookieCompliancy.ccbottom.ccblue.ccleft {
	background: url(../img/ccBottomLeftBlue.png) no-repeat;
}

#cookieCompliancy.ccbottom.ccorange.ccright {
	background: url(images/ccBottomRightOrange.png) no-repeat;
}

#cookieCompliancy.ccbottom.ccblack.ccright {
	background: url(images/ccBottomRightBlack.png) no-repeat;
}

#cookieCompliancy.ccbottom.ccblue.ccright {
	background: url(images/ccBottomRightBlue.png) no-repeat;
}

#cookieCompliancy.cctop.ccorange.ccleft {
	background: url(images/ccTopOrange.png) no-repeat;
	margin-left: 20px;
}

#cookieCompliancy.cctop.ccblack.ccleft {
	background: url(images/ccTopBlack.png) no-repeat;
	margin-left: 20px;
}

#cookieCompliancy.cctop.ccblue.ccleft {
	background: url(images/ccTopBlue.png) no-repeat;
	margin-left: 20px;
}

#cookieCompliancy.cctop.ccorange.ccright {
	background: url(images/ccTopOrange.png) no-repeat;
	margin-right: 20px;
}

#cookieCompliancy.cctop.ccblack.ccright {
	background: url(images/ccTopBlack.png) no-repeat;
	margin-right: 20px;
}

#cookieCompliancy.cctop.ccblue.ccright {
	background: url(images/ccTopBlue.png) no-repeat;
	margin-right: 20px;
}

#cookieCompliancyModal.cctop {
	width: 100%;
	padding: 5px;	
	position: fixed;
	top: 0;
	font-size: 13px;
	z-index: 1001;
	color: #FFF;
	font-weight: bold;
	min-height: 42px;
}

#cookieCompliancyModalWrapper {
	margin: 0 auto;
	text-align: center;
	position: relative;
	min-height: 42px;
}

#cookieCompliancyModal.ccorange a.ccreadmore {
	color: #905510;	
}

#cookieCompliancyModal.ccorange.cctop a.ccreadmore {
	margin-left: 10px;
}

#cookieCompliancyModal.cctop.ccorange {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a043', endColorstr='#e8973a');
	background-image: linear-gradient(bottom, rgb(232,151,58) 0%, rgb(241,160,67) 100%);
	background-image: -o-linear-gradient(bottom, rgb(232,151,58) 0%, rgb(241,160,67) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(232,151,58) 0%, rgb(241,160,67) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,151,58) 0%, rgb(241,160,67) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(232,151,58) 0%, rgb(241,160,67) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(232,151,58)),
		color-stop(1, rgb(241,160,67))
	);
	border-top: 1px solid #be741e;
	border-bottom: 1px solid #be741e;
	-moz-box-shadow: inset 0 1px 0 #ffcd58;
	-webkit-box-shadow: inset 0 1px 0 #ffcd58;
	box-shadow: inset 0 1px 0 #ffcd58;
}
#cookieCompliancyModal.ccorange.cctop p {
	text-shadow: 0 1px 0 #cb6216;
}

#cookieCompliancyModal.cctop.ccblue {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A94C5', endColorstr='#37A1D2');
	background-image: linear-gradient(bottom, #2A94C5 0%, #37A1D2 100%);
	background-image: -o-linear-gradient(bottom, #2A94C5 0%, #37A1D2 100%);
	background-image: -moz-linear-gradient(bottom, #2A94C5 0%, #37A1D2 100%);
	background-image: -webkit-linear-gradient(bottom, #2A94C5 0%, #37A1D2 100%);
	background-image: -ms-linear-gradient(bottom, #2A94C5 0%, #37A1D2 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #2A94C5),
		color-stop(1, #37A1D2)
	);	
	border-top: 2px solid #126991;
	border-bottom: 2px solid #126991;
}

#cookieCompliancyModal.cctop.ccblack {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030303', endColorstr='#414141');
	background-image: linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -o-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -moz-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -webkit-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -ms-linear-gradient(bottom, #343434 0%, #434343 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #030303),
		color-stop(1, #414141)
	);
	
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	
	text-shadow: 0 1px 0 #000;
	-moz-box-shadow: inset 0 1px 0 #555555;
	-webkit-box-shadow: inset 0 1px 0 #555555;
	box-shadow: inset 0 1px 0 #555555;
}

#cookieCompliancyModal.ccbottom h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}

#cookieCompliancyModal.ccdark.ccbottom h2 {
	color: #FFF;
}

#cookieCompliancyModal.cclight.ccbottom h2 {
	color: #333;	
}

#cookieCompliancyModal.cctop div.ccdesc {
	width: 80%;
	left: 0;
	position: absolute;
	top: 50%;
}

#cookieCompliancyModal.cctop div.ccbtn {
	width: 20%;
	float: right;
}

#cookieCompliancyModal.cctop input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	padding: 7px 4px;
	min-width: 102px;
	height: 35px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -17px; /* This MUST be set to half of the input's height */
	margin-left: 30px;
}

#cookieCompliancyModal.cctop.ccorange input {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a645', endColorstr='#e49938');
	background-image: linear-gradient(bottom, #E49A38 0%, #F1A645 100%);
	background-image: -o-linear-gradient(bottom, #E49A38 0%, #F1A645 100%);
	background-image: -moz-linear-gradient(bottom, #E49A38 0%, #F1A645 100%);
	background-image: -webkit-linear-gradient(bottom, #E49A38 0%, #F1A645 100%);
	background-image: -ms-linear-gradient(bottom, #E49A38 0%, #F1A645 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #E49A38),
		color-stop(1, #F1A645)
	);
	border: 1px solid #ba701a;
	text-shadow: 0 1px 0 #aa5714;
	-moz-box-shadow: 0 1px 0 #ffb33f, inset 0 1px 0 #ffcd58;
	-webkit-box-shadow: 0 1px 0 #ffb33f, inset 0 1px 0 #ffcd58;
	box-shadow: 0 1px 0 #ffb33f, inset 0 1px 0 #ffcd58;
}

#cookieCompliancyModal.cctop.ccblue input {

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238dbe', endColorstr='#319ed0');
	background-image: linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -o-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(35,141,190)),
		color-stop(1, rgb(49,158,208))
	);	
	border: 1px solid #000;
	text-shadow: 0 1px 0 #0f588b;
}

#cookieCompliancyModal.ccblue.cclight.cctop input {
	border: 1px solid #0d648c;	
}

#cookieCompliancyModal.ccblack.cctop input {

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#343434');
	background-image: linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -o-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -moz-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -webkit-linear-gradient(bottom, #343434 0%, #434343 100%);
	background-image: -ms-linear-gradient(bottom, #343434 0%, #434343 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #343434),
		color-stop(1, #434343)
	);
	border: 1px solid #000;
	text-shadow: 0 1px 0 #000;
	
	-moz-box-shadow: 0 1px 0 #454545, inset 0 1px 0 #606060;
	-webkit-box-shadow: 0 1px 0 #454545, inset 0 1px 0 #606060;
	box-shadow: 0 1px 0 #454545, inset 0 1px 0 #606060;

	
}

#cookieCompliancyModal.ccblack.cclight.cctop input {
	border: 1px solid #0d648c;	
}

#cookieCompliancyModal input:hover {
	text-decoration: underline;
	cursor: pointer;
}

#cookieCompliancyModal a {
	color: #FFF;
	text-decoration: none;
}

#cookieCompliancyModal.cclight.ccbottom a {
	color: #666;
}

#cookieCompliancyModal p {
	padding: 5px 0;
	margin: 0;	
	    padding: 2px 0;
    margin: 0;
    font-size: 12px;    line-height: 16px;
}

#cookieCompliancyModal p.cclast {
	margin-bottom: 0;	
}

#cookieCompliancyModal a:hover {
	text-decoration: underline;	
}

#cookieCompliancyLongDesc {
	display: none;	
}

#cookieCompliancyModal .ccCloseBtn {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;	
	margin: 4px 3px 0 0;
	cursor: pointer;
}

#cookieCompliancyModal.ccdark .ccCloseBtn {
	background: url(images/ccDarkCloseBtn.png) no-repeat;	
}

#cookieCompliancyModal.cclight .ccCloseBtn {
	background: url(images/ccLightCloseBtn.png) no-repeat;	
}


/* BOTTOM VERSION */

#cookieCompliancyModal.ccbottom {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 215px;
	border: 1px solid #000;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	padding: 5px;	
	position: fixed;
	bottom: 0;
	font-size: 12px;
	z-index: 1001;
}

#cookieCompliancyModal.ccbottom.ccdark {
    background-color: #070407f7;
    color: #ffffff;
    -moz-box-shadow: 0 0 3px #000, inset 0 1px 0 #565656;
    -webkit-box-shadow: 0 0 3px #000, inset 0 1px 0 #565656;
    box-shadow: 0 0 3px #000, inset 0 1px 0 #565656;
    width: 100%;
    max-width: 281px;
}

#cookieCompliancyModal.ccbottom.cclight {
	background-color: #FFF;
	color: #666666;	
}

#cookieCompliancyModal.ccbottom.ccleft {
	    right: 72px;
    margin: 0 0 65px 0px;
    padding:18px;
}

#cookieCompliancyModal.ccbottom.ccright {
	right: 0;
	margin: 0 60px 152px 0;	
}

#cookieCompliancyModal.ccbottom h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}

#cookieCompliancyModal.ccbottom.ccdark h2 {
color: #FFF;
    text-align: left;
    font-family: "Roboto-Regular";
    font-size:21px;
    margin-bottom:2px;
}

#cookieCompliancyModal.ccbottom.cclight h2 {
	color: #333;	
}

#cookieCompliancyModal.ccbottom input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 30px;
    color: #000;
    padding: 5px 0;
    width: 160px;
    margin-top: 4px;
    display: block;
    *: ;
    margin-left: 0px;
    font-size: 13px;
}

#cookieCompliancyModal.ccbottom.ccorange input {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a645', endColorstr='#e49a38');
	background-image: linear-gradient(bottom, rgb(228,154,56) 0%, rgb(241,166,69) 100%);
	background-image: -o-linear-gradient(bottom, rgb(228,154,56) 0%, rgb(241,166,69) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(228,154,56) 0%, rgb(241,166,69) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(228,154,56) 0%, rgb(241,166,69) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(228,154,56) 0%, rgb(241,166,69) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(228,154,56)),
		color-stop(1, rgb(241,166,69))
	);	
	border: 1px solid #000;
	text-shadow: 0 1px 0 #aa5714;
}
#cookieCompliancyModal.ccbottom.ccorange.cclight input {
	border: 1px solid #ba701a;	
}
#cookieCompliancyModal.ccbottom.ccblue input {

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238dbe', endColorstr='#319ed0');
background:#fff;
	border: 1px solid #000;
	text-shadow: 0 1px 0 #0f588b;
}

#cookieCompliancyModal.ccbottom.ccblue.cclight input {
	border: 1px solid #0d648c;	
}

#cookieCompliancyModal.ccbottom.ccblack input {

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238dbe', endColorstr='#319ed0');
	background-image: linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -o-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(35,141,190) 0%, rgb(49,158,208) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(35,141,190)),
		color-stop(1, rgb(49,158,208))
	);	
	border: 1px solid #000;
	text-shadow: 0 1px 0 #0f588b;
}

#cookieCompliancyModal.ccbottom.ccblack.cclight input {
	border: 1px solid #0d648c;	
}
.sd{     padding: 7px 15px;
    font-size: 11px;
    line-height: 17px;
    height: 34px;}
.w-body-a li{list-style-type:none;}
.section-footer .widget-a .w-title-a{    margin-bottom: 26px;}
.ftvd .grid figure{background:none;}

.alert {
    position: absolute;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    z-index: 1000000;
    right: 14%;
top: 17%;
}
.close {
    opacity: inherit;
    text-shadow: none;
    color: #ffcfcb !IMPORTANT;
    font-weight: normal;
    padding-right: -12px;
    margin-right: 6px;
}
@media only screen and (max-width : 1600px) {
.alert{right:13%;}
}
@media only screen and (max-width : 1366px) {

.alert{    right: 7%;
    top: 14%;}
}
@media only screen and (max-width :1280px) {

.alert{    right: 4%;
    top: 14%;}
}
   
 @media only screen and (max-width : 480px) {
.alert{     right: 5%;
    top: inherit;
    bottom: -26px;}   

}