*{
  margin:0;
  padding:0;
  box-sizing: border-box;
  list-style: none;
}
body{
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background-color: #fff;
}
.top-bar{
  background-color: #050507;
  color: #fff;
  padding: 5px 0px;
  text-align: center;
}

.loged-bar{
  background-color: #050507;
  color: #fff;
  padding: 5px 0px;
  text-align: center;
}
.loged-bar p{
    padding: 0px;
    margin: 0;
    padding-top: 3px;
}
.loged-bar ul li {padding: 0px 5px; margin-top: 1px;}
.loged-bar ul li > ul li{padding: 0px; }
.loged-bar ul li a{
    background-color: #f1c838;
    padding: 5px 14px;
    text-decoration: none;
    font-weight: 600;
    color: #000;
    border-radius: 25px;
    display: inline-block;
}
.menu-box{float: left;}
.loged-bar .divider{padding: 0px;}
.dropdown-menu li a i{padding-right:10px;}
.loged-bar .navbar-nav .open .dropdown-menu{background-color: #fff;width: 160px;margin: 0 auto;margin-top: 1px;border-radius: 4px;}
.loged-bar .dropdown-menu li a{ background-color: #fff;display: inherit;padding: 5px;border-radius:0px; }
.loged-bar .dropdown-menu li a:hover{ background-color: #cccccc30;border-radius:0px; }
.loged-bar .navbar-nav .open .dropdown-menu li a{padding:5px;}





.top-bar p{
    padding-top: 5px;
    font-size: 18px;
    margin-right: 0px;
}

.top-bar ul{
  margin: 0;
  padding: 0;
}
.top-bar ul li {
    list-style: none;
    width: 60%;
    display: inline-block;
}
.top-but {
    float: left;
    width: 100%;
}


.black-round{
  border-radius: 25px;
  border:2px solid #050507;
  color: #050507;
  font-weight: 600;
  font-size: 16px;
}
.btn-black {
    color: #f2c301;
    background-color: #050507;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 25px;
    border: 2px solid #050507;
    margin-bottom: 30px;
}

.btn-yellow {
    color: #050507;
    background-color: #efc638;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #050507;
}

.but-padding{
  padding: 6px 15px;
}

.btn-yellow img{
    width: 16%;
    float: left;
}

.btn{
  border-radius: 25px;
}
.btn:hover, .btn:focus, .btn.focus {
    outline: 0;
}

.gapping{
  margin: 50px 0px 15px 0px;
}

.gray-bg{
  background-color: #f9f9f9;
  padding: 40px 0px;
}

.form-control{
  border-radius: 25px;
  height: 43px;
}


.modal-body .nav{
  padding-top: 0px;
  margin-bottom: 30px;
}
.tab-content{
  padding: 20px;
}
.modal-header {
    border: none;
    position: relative;
    padding: 0;
}

.navbar-form{
  border-bottom:none;
}

.navbar{
  margin-bottom: 0px;
}

.navbar .form-control{
  height: 32px;
}

.navbar-brand{
  height: auto;
}
.navbar-default .navbar-nav > li > a {
    color: #050507;
    font-size: 14px;
    padding: 0px 0px 10px 20px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ccc;
}
.navbar-default .navbar-toggle{
      border-color: #050507;
}
.navbar-toggle{
      background-color: #050507;
      margin-top: 40px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #efc638;
}

.dropdown-menu .divider {
    margin: 2px 0;
    background-color: #f5d456;
}

.search-button{
    background: transparent;
    border: none;
    outline: 0;
    position: relative;
    float: right;
}

.search-button img{
    position: absolute;
    top: -27px;
    right: 20px;
}

.banner{
  background-image: url(../../images/management/banner-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #050507;
  height:auto;
  padding: 50px 0px;
  text-align: center;
}

.banner h1{ font-weight: 600; font-size: 30px; }
.banner h2{ margin-bottom: 20px; font-size: 20px;}
.banner .line{
    width: 250px;
    margin: 0 auto;
    height: 3px;
    background-color: #fff;
  }
.banner h1 span{ font-weight: 400; }
.banner h3{ font-weight: 400; }
.banner h3 span{ font-weight: 600; }
.pt{ margin-top: 20px; }


.banner-bottom{
  display: none;
}

.banner-bottom h2{
    font-size: 21px;
    margin: 0;
    padding-top: 5px;
    font-weight: 600;
}
.agents{
  position: absolute;
  top: -78px;
}
.headline{
  position: relative;
}

.headline h3{
  font-size: 25px;
  text-align: center;
  padding: 30px 0px 0px 0px;
  font-weight: 600;
  text-transform: uppercase;
}

.headline h3 span{
  color: #efc638;
}

.headline h3:before,
.headline h3:after {
    content: " ";
    display:inline-block;
    width: 50px;
    height: 5px;
    border-top: 1px solid #050507;
    border-bottom: 1px solid #050507;
    margin: 7px 10px 0;
    position: relative;
    top: -6px;
    display: none;
}



.mobile-banner-bottom{
  display: block;
  background-color: #050507;
  color: #fff;
  padding: 30px 0px;
  position: relative;
  text-align:center;
}

.mobile-banner-bottom h2{
  font-size: 25px;
}
.light-but{
  margin: 30px 0px;
}

.agents-mobile{
  margin: 0 auto;
  width: 100%;
}
.agents-mobile img{
  width: 60%;
  margin:0 auto;
}


.welcome-text p{
  text-align: center;
  padding-top: 30px;
}

.crown{
    display:none;
}
.pricing-box{
    background-color: #fff;
    text-align: center;
    font-weight: 400;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border:3px solid #222;
    box-shadow: -6px 0px 0px 0px #efc638;

}

.pricing-box h3{
    background-color: #050507;
    color: #efc638;
    padding: 15px 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
}

.pricing-box p{
  padding: 20px;
    font-weight: 600;
}
.pricing-box p span{
  font-weight: 800;
}

.price{
    font-size: 80px;
    -webkit-text-fill-color: #efc638;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: black;
    font-weight: 900;
}

.cut{
  text-decoration: line-through;
    color: #878787;
}
.center{
  text-align: center;
  margin: 0 auto;
}

.gap-b{padding-bottom: 30px;}
.price-button{
    text-align: center;
    margin: 25px 0px;
 }

.pricing .col-md-4:first-child{
  margin-top: 50px;
}
.pricing .col-md-4:last-child{
  margin-top: 50px;
}
.solution{
text-align: center;
font-weight: bold;
font-size: 20px;
margin-top: 30px;
}

.advertise{ margin: 50px 0px;
  text-align: center;
}
.advertise ul{
  margin: 0;
  padding: 0;
}
.advertise ul li{
    list-style: none;
    display: inline-block;
    padding: 5px 15px;
}

.video{ margin: 50px 0px; }
.video img{margin-bottom: 30px; width: 100%;}
.modal-title{ text-align: center; }
button.close {
    background: #050507;
    opacity: 1;
    color: #efc638;
    text-shadow: none;
    padding: 20px 24px;
    border-radius: 100%;
    outline: 0;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 9;
}

.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #050507;
    background-color: #efc638;
    border: 1px solid #050507;
}
.nav-tabs {
    border-bottom: 1px solid #050507;
}
.modal-body a{
 color: #222;
 font-weight: bold;
}
.save-mony{
text-align: center;
}
.save-mony img{
    width: 45%;
    margin: 0 auto;
    margin-top: 30px;
 }

 .save-mony form{
    margin: 70px 0px;
    display: inline-block;
}

.save-mony form h4 {
    font-weight: bold;
    font-size: 16px;
}
 .save-mony form input{
  text-align: center;
    border: 2px solid;
    font-weight: 900;
    color: #000;
    font-size: 16px;
 }
.form-control:focus {
    border-color: #e2bc36;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.color-input{
background-color: #f2c301;
border-color: #050507;
border: 2px solid #000;
 }
 .save-mony form input::placeholder{color: #050507; font-size: 16px; font-weight: bold;}

.testimonials{

}
.carousel-control.left, .carousel-control.right{ background-image: none; }

.client-bg{
  padding: 34px 0px 50px 0px;
}

.client-box{
    padding-bottom: 20px;
    padding-top: 80px;
    color: #050507;
    text-align: center;
    border: 1px solid #e2e1e1;
    box-shadow: 0px 2px 5px #ccc;
    border-radius: 4px;
}
.client-box h4{
font-weight: 600; }

.client-box p{
  color: #7b7b7b;
  padding-bottom: 15px;
}

.client-img{
    border: 2px dashed #ccc;
    padding: 5px;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 70px;
 }
 .arrow{
    position: relative;
    width: 3%;
    margin: 0 auto;
    left: -15px;
    margin-top: 70px;
 }
 .arrow .carousel-control {
    position: absolute;
    bottom: 0px;
    top: -50px;
    color: #000;
    text-shadow: none;
    background-color: transparent;
    opacity: 1;
    width: 0px;
}

 .arrow .carousel-control i{
  width: 0%;
 }

.carousel-control
.glyphicon-chevron-left,
.carousel-control
.glyphicon-chevron-right,
.carousel-control
.icon-prev,
.carousel-control
.icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
}

.meet-bg{
    border: 1px solid #ccc;
    margin-bottom: 50px;
    padding-top: 30px;
}


.how-work{
  position: relative;
  margin: 100px 0px;
  display: none;
}
.mobile-work{ display: block; margin: 50px 0px 0px 0px;}
.box-work{
    background-color: #cccccc4a;
    padding: 10px;
    text-align: center;
    border-top: 6px solid #efc638;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.box-work img{
  width: 18%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.box-work p{
  margin: 10px 0px;
}

.box-work h4{
  font-weight: 600;
}

.how-work a h4{
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  color: #000;
  text-align: center;
  }

.clock{
  width: 38%;
  margin: 0 auto;
}

.one{
    position: absolute;
    top: -4%;
    right: 30%;
}

.one img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.two{
    position: absolute;
    top: 15%;
    right: 21%;
}
.two img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.three{
    position: absolute;
    top: 44%;
    right: 21%;
}

.three img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.four{
    position: absolute;
    top: 75%;
    right: 23%;
}

.four img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.five{
    position: absolute;
    bottom: -12%;
    right: 30%;
}

.five img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.six{
    position: absolute;
    bottom: -20%;
    right: 44%;
}

.six img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.seven{
    position: absolute;
    bottom: -12%;
    left: 30%;
}

.seven img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.eight{
    position: absolute;
    bottom: 11%;
    left: 23%;
}

.eight img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.nine{
    position: absolute;
    top: 42%;
    left: 18%;
}

.nine img{
    width: 29%;
    text-align: center;
    margin: 0 auto;
}

.ten{
    position: absolute;
    top: 17%;
    left: 11%;
}

.ten img{
    width: 9%;
    text-align: center;
    margin: 0 auto;
}

.eleven{
    position: absolute;
    top: -5%;
    left: 29%;
}

.eleven img{
    width: 27%;
    text-align: center;
    margin: 0 auto;
}

.tweleve{
    position: absolute;
    top: -13%;
    left: 20%;
}

.tweleve img{
    width: 6%;
    text-align: center;
    margin: 0 auto;
}



.one1{
position: absolute;
    right: 33%;
    top: -65px;
    z-index: 9;
}

.one1 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.two2{
position: absolute;
    top: 1%;
    right: 25%;
}
.two2 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.three3{
    position: absolute;
    top: 24%;
    right: 24%;
}

.three3 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.four4{
    position: absolute;
    top: 43%;
    right: 23%;
}

.four4 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.five5{
    position: absolute;
    bottom: 19%;
    right: 23%;
}

.five5 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.six6{
    position: absolute;
    bottom: 1%;
    right: 28%;
}

.six6 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.seven7{
    position: absolute;
    bottom: -12%;
    right: 36%;
}

.seven7 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.eight8{
    position: absolute;
    bottom: -18%;
    left: 42.5%;
}

.eight8 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.nine9{
position: absolute;
    bottom: -58px;
    left: 34%;
}

.nine9 img{
    width: 29%;
    text-align: center;
    margin: 0 auto;
}

.ten10{
    position: absolute;
    bottom: -3%;
    left: 15%;
}

.ten10 img{
    width: 9%;
    text-align: center;
    margin: 0 auto;
}

.eleven11{
position: absolute;
    bottom: 14%;
    left: 23%;
}

.eleven11 img{
    width: 27%;
    text-align: center;
    margin: 0 auto;
}

.tweleve12{
    position: absolute;
    bottom: 33%;
    left: -3%;
}

.tweleve12 img{
    width: 6%;
    text-align: center;
    margin: 0 auto;
}

.thrteen13{
position: absolute;
    top: 29%;
    left: 20%;
}

.thrteen13 img{
    width: 20%;
    text-align: center;
    margin: 0 auto;
}

.forteen14{
position: absolute;
    top: 11%;
    left: 23%;
}

.forteen14 img{
    width: 20%;
    text-align: center;
    margin: 0 auto;
}

.fifteen15{
    position: absolute;
    top: -4%;
    left: 28%;
}

.fifteen15 img{
    width: 26%;
    text-align: center;
    margin: 0 auto;
}

.sixteen16{
  position: absolute;
    top: -13%;
    left: 34%;
}

.sixteen16 img{
    width: 24%;
    text-align: center;
    margin: 0 auto;
}

.seventeen17{
position: absolute;
    top: -22%;
    left: 43.5%;
}

.seventeen17 img{
    width: 22%;
    text-align: center;
    margin: 0 auto;
}

.tooltip-inner {
    width: 500px;
    border-top: 5px solid #f2ca3a;
    padding: 5px 8px;
    background-color: #222;
    border-radius: 4px;
    opacity: 1
}

.carousel-control{ opacity: 1; }


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


.control-box {
    width: 0%;
    position: absolute;
    bottom: 23px;
    right: 13px;
}

.control-box2 {
    width: 0%;
    position: absolute;
    bottom: 23px;
    right: 47px;
}
    .carousel-control{
    border: 0px;
    display: inline-block;
    font-size: 28px;
    line-height: 22px;
    height: 30px;
    width: 30px;
    border-radius: 20px;
}

.control-box a{
  background-color: #f2ca3a;
  color: #202020;
}
.own-left{
  position: absolute;
  left: -63px;
}



.latest{
    margin: 30px 0px;
}

.latest-icon-box{}
.latest-icon-box ul{
  margin: 0;
  padding: 0;
}
.latest-icon-box ul li{
    list-style: none;
    display: inline;
    border-right: 1px solid #ccc;
    font-size: 13px;
    vertical-align: unset;
}

.latest-icon-box ul li:last-child{
  border-right: none;
}

.latest-icon-box ul li span img{
    width: 9%;
    padding-right: 5px;
    vertical-align: sub;
}

.caption-box{
    padding: 8px;
    border: 1px solid #cccccc47;
    background-color: #fafafa;
    margin-bottom: 30px;
}
.caption-box img{
  width: 100%;
}
.caption-box h4{
  font-weight: 600;
  font-size: 16px;
}
.caption-box p{
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.why-box{
    display: inline-block;
    padding-bottom: 30px;
}

.why-box h4{
font-weight: 600; text-align: center; }
.why-box p{text-align: center; }
.round-icon{
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 30px;
  box-shadow:0px 0px 14px #ccc;
  transition: 0.5s;
}

.round-icon:hover{
    background-color: #f2c301;
    box-shadow: none;
}

.round-icon img{
    width: 64%;
    margin: 0 auto;
    padding-top: 15px;
}
.flashing {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #f2ca3a; -webkit-box-shadow: 0 0 3px #f2ca3a; }
  50% { background-color: #ffffff; -webkit-box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #f2ca3a; -webkit-box-shadow: 0 0 3px #f2ca3a; }
}

@-moz-keyframes glowing {
  0% { background-color: #f2ca3a; -moz-box-shadow: 0 0 3px #f2ca3a; }
  50% { background-color: #ffffff; -moz-box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #f2ca3a; -moz-box-shadow: 0 0 3px #f2ca3a; }
}

@-o-keyframes glowing {
  0% { background-color: #f2ca3a; box-shadow: 0 0 3px #f2ca3a; }
  50% { background-color: #ffffff; box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #f2ca3a; box-shadow: 0 0 3px #f2ca3a; }
}

@keyframes glowing {
  0% { background-color: #f2ca3a; box-shadow: 0 0 3px #f2ca3a; }
  50% { background-color: #ffffff; box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #f2ca3a; box-shadow: 0 0 3px #f2ca3a; }
}


.clients{
    text-align: center;
    padding-bottom: 50px;
    display: inline-block;
}
.clients p{
  font-size: 15px;
}
.clients h4{
  font-weight: bold;
}
.sound-good{
    padding: 16px 0px 10px 0px;
    font-weight: 600;
    font-size: 17px;
}

.line2{
  width: 50px;
    margin: 0 auto;
    height: 3px;
    background-color: #f2ca3a;
}


.carousel-indicators2 li {
    position: absolute;
    text-indent: 0;
    display: inline-block;
  }
  .carousel-indicators2 li a{
    background-color: #f2ca3a;
    color: #222;
    font-weight: bold;
    text-shadow: none;
  }

#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  position: relative;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #f2c301;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


.testheight {
  height:1200px;
  font-size:20px;
  text-align:center;
  padding:100px 20px;
}
.scrolltop {
  display:none;
  width:100%;
  margin:0 auto;
  position:fixed;
  bottom:20px;
  right:10px;
}
.scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    border-radius: 100%;
    background: rgb(242, 195, 1);
    width: 50px;
    padding-top: 12px;
    height: 50px;
    color: #000;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.scroll:hover {
  background: rgb(242, 195, 1);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.scroll img{width: 40%;}


footer{
  background-color: #202020;
  color: #6d6d6d;
  font-size: 15px;
  line-height: 25px;
  padding-top: 50px;
  text-align: left;
  position: relative;
}

footer h3{
font-weight: 600;
    font-size: 15px;
    color: #f2c301;
    padding-bottom: 30px;
  }

footer h4{
color: #fff;
font-size: 15px;
}

.address p{
  font-size: 13px;
  color: #939191;
}



footer ul{
  margin: 0;
  padding: 0;
}

footer ul li{
  list-style: none;
 }

footer ul li a{
  color: #939191;
  font-size: 13px;
}

footer ul li a:hover{
  color: #f2c301;
}


.social{
  border-top: 1px solid #f2c301;
  padding-top: 20px;
  margin-top: 20px;
}

.social ul{
  margin: 0;
  padding: 0;
}

.social ul li{
    display: inline-block;
    width: 10%;
    padding: 0px 4px;
}

.copy-right{
    background-color: #181818;
    padding: 20px 0px;
    text-align: center;
    margin-top: 20px;
}

.copy-right ul li{
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}

.highlight{
  color: #f2c301;
}

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

/*price page start*/
.price-bg{
  background-image: url(../../images/management/price-bg.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  font-weight: bold;
}

.management-bg{
  background-image: url(../../images/management/management.jpg);
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  font-weight: bold;
  position: relative;
  padding: 50px;
}

.management-bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}

.management-banner-content{
    position: relative;
    padding: 20px;
}

.management-banner-content p{
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.management-banner-content h1{
  color: #f4ca16;
  font-size: 35px;
    font-weight: 600;
}

 .line{
  margin: 10px 0px 8px 0px;
  width: 50%;
  border:2px solid #f2c301;
}

.tab-design .nav.nav-tabs {

    margin: 0 auto;
}

.tab-design .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
    text-align: center;

}

.tab-design .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #050507;
    background-color: #cacaca;
    border: 2px solid #ffffff;
    border-radius: 30px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 1px 5px 0px #00000017;
}

.tab-design .nav-tabs > li > a {
  /*  color: #ffffff;
    background-color: #D4AF37;
    border: 2px solid #9c7e1c;
    border-radius: 30px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;*/
        color: #000000;
    background-color: #ededee;
    border: 2px solid #ededee;
    border-radius: 30px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;

}
.tab-design .nav-tabs > li.active > a#gold_package{
background-color: #D4AF37;
    border: 2px solid #fff;
    box-shadow: 1px 5px 0px #daac4da6;

}
.tab-design .nav-tabs {
    border-bottom: none;
}

.tab-design-box {
    background-color: #fff;
    padding: 10px;
    box-shadow: 1px 1px 11px #d4d4d4;
    margin: 20px 0px;
    width: 100%;
    display: flex;
    position: relative;
}

.img-left{
    background-color: #eee;
    padding: 50px 10px;
}

.text-area{
    padding: 14px 0px 0px 14px;
    text-align: left;
}

.text-area h4{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.yell-tick{
    position: absolute;
    border-radius: 50%;
    background: #f2c301;
    padding: 15px 12px;
     right: -20px;
    top: -20px;
}

.dark-tick{
    position: absolute;
    border-radius: 50%;
    background:#dcdbdb;
    padding: 15px 12px;
     right: -20px;
    top: -20px;
}

.hiden-text{
    padding: 14px 0px 0px 14px;
    text-align: left;
}

.hiden-text h4{
  color: #c1c1c1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.hiden-text p{
  opacity: 0.3;
}

.disable-img{
    opacity: 0.1;
}

.disable-line {
    margin: 10px 0px 8px 0px;
    width: 50%;
    border: 2px solid #c1c1c1;
}

.disable-tick{
  opacity: 0.3;
}


.helpline-bg{
    background-color: #f2c301;
    display: flex;
    padding: 16px;
    justify-content: center;
    text-align: center;
    margin-top: 22px;
}

.helpline-bg h1,h2{
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}

.helpline-num{
    padding-top: 10px;
    border-top: 2px solid;
    margin-top: 20px;
}

.check-box-bg{
  background-color: #f7f7f7;
  padding: 10px;
  margin: 15px 0px;
}
.check-box-bg h3{
  margin: 0;
  font-weight: 900;
}

.check-box-tick{
  text-align: right;
}

.price-bg img{
  float: right;
}

.price-banner-content img{
  float: none;
  vertical-align: middle;
}

.price-bg h1{
    font-weight: 600;
    font-size: 30px;
    border-bottom: 3px solid #00b67a;
    padding-bottom: 10px;
}

.price-taxt{
  font-size: 30px;
   color: #000;

}
.price-taxt span{
 color: #000;
}

.new-price-box{
    text-align: center;
    display: -webkit-box;
    width: 97%;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-top: 30px;
    position: relative;
}

.new-price-box2{
    text-align: center;
    display: -webkit-box;
    width: 97%;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-top: 30px;
    position: relative;
}

.color-box{
    background-color: #ffd52f;
    padding: 10px 0px 0px 0px;
    text-align: center;
    color: #000;
    font-weight: bold;
    position: relative;
    top: -10px;
    border-bottom: 5px solid #bf9e1a;
}

.new-price-box ul{
  margin:0;
  padding: 0;
}

.new-price-box2 ul{
  margin:0;
  padding: 0;
}

.new-price-box ul li{
list-style: none;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 15px;
    width: 80%;
    text-align: left;
    box-shadow:0px 0px 23px #cccccc8c;
    -webkit-box-shadow:0px 0px 23px #cccccc8c;
    -moz-box-shadow:0px 0px 23px #cccccc8c;
    -o-box-shadow:0px 0px 23px #cccccc8c;
}

.new-price-box2 ul li{
list-style: none;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 5px;
    width: 80%;
    text-align: left;
    box-shadow:0px 0px 23px #cccccc8c;
    -webkit-box-shadow:0px 0px 23px #cccccc8c;
    -moz-box-shadow:0px 0px 23px #cccccc8c;
    -o-box-shadow:0px 0px 23px #cccccc8c;
}

.new-price-box ul li img{
  margin:0 auto;
}

.new-price-box ul li h1{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}

.new-price-box ul li h3{
  font-weight: 900;
  font-size: 40px;
  text-align: center;
}

.new-price-box span{
    text-align: center;
    display: block;
    color: #777676;
    font-size: 12px;
}

.new-price-box2 ul li img{
  margin:0 auto;
}

.new-price-box2 ul li h1{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}

.new-price-box2 ul li h3{
  font-weight: 900;
  font-size: 40px;
  text-align: center;
}

.new-price-box2 span{
    text-align: center;
    display: block;
    color: #777676;
    font-size: 12px;
}

.new-price-box b{
border-bottom: 2px solid #ffdc4d;
}

.price-bg-bottom{
     background-image: url(../../images/management/price-bg-bottom.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    font-weight: bold;
    padding: 50px 0px;
    margin: 50px 0px;
    text-align: center;
    color: #fff;
    font-size: 25px;
}

.review-box{
    padding: 8px;
    border: 1px solid #cccccc47;
    background-color: #fafafa;
    margin-bottom: 30px;
}

 #chevron {
    position: relative;
    text-align: center;
    padding: 12px;
    margin-bottom: 6px;
    height: 100px;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    }
    #chevron:before {
      content: '';
      position: absolute;
      top: -18px;
      left: 0;
      height: 100%;
      width: 51%;
      background: #ffd52f;
      transform: skew(0deg, 6deg);
      border-bottom: 2px solid #000;
    }
    #chevron:after {
      content: '';
      position: absolute;
      top: -18px;
      right: -2px;
      height: 100%;
      width: 50%;
      background: #ffd52f;
      transform: skew(0deg, -6deg);
      border-bottom: 2px solid #000;
    }

    .front-text{
      z-index: 999;
    position: relative;
    box-sizing: border-box;
    color: #000;
    font-weight: bold;
    }

    .hight-text{
      background-color: #90ff2b;
    padding: 5px;
    display: inline-block;
    border-radius: 11px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    }



 .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    margin-bottom: 15px;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #fff;
        border-color: #ccc;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        font-weight: 600;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
    float: right;
    color: #202020;
    font-size: 10px;
    font-weight: 600;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
.footer-icon{
  margin-top: 20px;
  border-top:1px solid #939191;
  padding-top: 30px;
}
.footer-icon ul li{
      padding: 11px;
      width: 70%;
    margin:0 auto;
}

.header-radio-bg{
    background-color: #efc638;
    border-radius: 5px;
    margin-top: 5px;
    display: table;
}

.header-radio-bg li{
    float: left;
    padding: 0px 7px;
    border-right: 2px solid;
    margin-right: 5px;
}

.header-radio-bg li:last-child{
  border:none;
}


.header-radio-bg ul li span{
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  padding-left: 10px;
}



.marketplace{
    margin-top: 50px;
    margin-bottom: 50px;
}

.tick-but-but{
  font-weight: bold;
  text-transform: uppercase;
}


.tick {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.tick input {
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 23px;
    width: 23px;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.tick:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.tick input:checked ~ .checkmark {
  background-color: #f2c301;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.tick input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.tick .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid Black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}















@media (min-width: 350px ) {

  .yell-tick {
    right: -20px;
    top: -20px;
}

  .tab-design .nav.nav-tabs {
    width: 70%;
}

  .top-bar ul li a {
    font-size: 14px;
  }
  .top-bar ul li {
    width: 49%;
}


.footer-logo {
    padding-bottom:20px;
}

.carousel-indicators2 li {
    width: 18%;
    left: 40%;
  }
  .latest-icon-box ul li{
    padding: 6px;
  }
  .how-work{ 
display: none;
}


}

@media (max-width: 768px){
footer .footer-sell{
  width: 50%;
  float: left;
}

}

@media (max-width: 410px){
footer .footer-sell{
  width: 100%;
  float: left;
}

}



@media (min-width: 472px){
.top-bar ul li {
    width: 37%;
}

}


@media (min-width: 600px){

  .tab-design .nav.nav-tabs {
    width: 50%;
}

.top-bar ul li {
    width: 24%;
}
.agents-mobile img {
    width: 48%;
    margin: 0 auto;
}

 .footer-icon ul li{
    display: inline-block;
    width: auto;
}
}



@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    .agents-mobile img{
  width: 350px;
  margin:0 auto;
  }
    
}


@media (max-width: 768px) { 
  
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 992px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev    { left: -100%; }
  #myCarousel .active > div { display:none; }
  #myCarousel4 .active > div { display:none; }
  .modal-body .active > div { display:block; }
  #myCarousel .active > div:first-child { display:block; }
  #myCarousel4 .active > div:first-child { display:block; }
  
  
}


@media (max-width: 767px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev    { left: -100%; }
  #myCarousel .active > div { display:none; }
  #myCarousel4 .active > div { display:none; }
  .modal-body .active > div { display:block; }
  #myCarousel .active > div:first-child { display:block; }
  #myCarousel4 .active > div:first-child { display:block; }
  
  
}
@media (min-width: 767px) and (max-width: 992px ) {
  .carousel-indicators2 li {
    width: 9%;
    left: 45%;
  }
 
  }

  

@media (min-width: 767px) {
  .crown{ 
    width: 10%;
    margin: 0 auto;
    display: block;
  }
  .top-bar .navbar-left {
    float: none !important;
  }
  .top-bar ul li {
    width: 25%;
  }

  .mobile-banner-bottom{
  display: block;
  }
  .banner-bottom{
  display: none;
  }
   
    .search-button {
    float: none;
  }
.search-button img {
    top: -8px;
    right: 28px;
  }

  .agents-mobile img{
  width: 350px;
  margin:0 auto;
  }
  
}





@media (min-width: 768px){

  .tab-design .nav.nav-tabs {
    width: 50%;
}
   .footer-icon ul li{
    display: inline-block;
     width: auto;
}
.navbar-nav > li {float: left;padding-top: 40px;}
.navbar-default .navbar-nav > li > a {font-size: 14px; padding: 0px 0px 0px 10px;}
.social ul li{
    display: inline-block;
    width: 6%;
    padding: 0px 4px;
}
  .headline h3:before,.headline h3:after {content: " ";display:inline-block;width: 50px;height: 5px;border-top: 1px solid #050507;border-bottom: 1px solid #050507;margin: 7px 10px 0;position: relative;top: -6px;}
}

@media (min-width: 992px ) {
.tab-design .nav.nav-tabs {
    width: 30%;
}
  .footer-icon ul li{
    display: inline-block;
     width: auto;
}

  .navbar-nav > li {float: left;padding-top: 0px;}
  .top-bar .navbar-left {
    float: left !important;
  }
  .banner h1{ font-weight: 600; font-size: 35px; }
.banner h2{ margin-bottom: 20px; font-size: 30px;}
  .carousel-inner .active.left { left: -16.7%; }
  .carousel-inner .next        { left:  16.7%; }
  .carousel-inner .prev    { left: -16.7%; } 
    footer{ text-align: left; }
  
 
  .copy-right p{
  padding-top:  0px;
  }
.carousel-indicators2 li {
    width: 9%;
    left: 45%;
  }
  .latest-icon-box ul li {
    padding: 1px;
  }
  .how-work{ display: block;}
  .mobile-work{ display: none; }
  .crown{ 
    width: 10%;
    margin: 0 auto;
    display: block;
  }
  .banner{
  padding: 100px 0px;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 5px 5px;
    font-size: 14px;
  }
  .mobile-banner-bottom{
  display: block;
  }
  .banner-bottom{
  display: none;
  }
  .agents-mobile{
  margin: 0 auto;
  width: 318px;
  }
    
  .search-button {
    float: none;
  }
.search-button img {
    top: -8px;
    right: 28px;
  }
  .save-mony form h4 {
    font-size: 16px;
  }

  .tweleve {top: -16%;left: 14%;}
  .one { top: -7%;right: 28%;}
  .ten { top: 17%;left: 7%;}
  .top-bar ul li{ width: 49%;}
  .top-but{width: 40%;}
  .top-bar p{margin-right: 50px;}
  .nav{
  padding-top: 40px;
  }
  .navbar-form {
    padding-top: 30px;
  }
  .col-half-offset{
    margin-left:4.166666667%
}
  .social ul li {
    display: inline-block;
    width: 18%;
    padding: 0px 4px;
}
.loged-bar{
  text-align: left;
}
  .headline h3:before,.headline h3:after {content: " ";display:inline-block;width: 50px;height: 5px;border-top: 1px solid #050507;border-bottom: 1px solid #050507;margin: 7px 10px 0;position: relative;top: -6px;}

}


@media (min-width: 1200px ) {

  .marketplace {
    display: inline-block;
  }

.yell-tick{
    right: -13px;
    top: -20px;
}

.tab-design .nav.nav-tabs {
    width: 30%;
}
  .footer-icon ul li{
  display: inline-block;
   width: auto;
}
.loged-bar{
  text-align: left;
}

.banner h1{ font-weight: 600; font-size: 35px; }
.banner h2{ margin-bottom: 20px; font-size: 30px;}

  .col-half-offset{
    margin-left:4.166666667%
}
  footer{ text-align: left; }
  .top-bar{text-align: left;}
  
  .top-bar p{margin-right: 50px;}
  .social ul li {
    display: inline-block;
    width: 18%;
    padding: 0px 4px;
}

  .copy-right p{
  padding-top:  0px;
  }
  .nav{
  padding-top: 40px;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 5px 5px;
    font-size: 14px;
  }

  .carousel-indicators2 li {
    width: 9%;
    left: 46%;
  }
  .latest-icon-box ul li {
    padding: 5px;
  }
  .how-work{ display: block;}

  .mobile-work{ display: none; }
  .crown{ 
    width: 10%;
    margin: 0 auto;
    display: block;
  }
  .banner{
  padding: 80px 0px;
  }
  .agents-mobile{
  margin: 0 auto;
  width: 318px;
  }
  
  .navbar-default .navbar-nav > li > a {
    padding: 5px 10px;
  }
  .mobile-banner-bottom{
  display: none;
  }
  .banner-bottom{
  background-color: #050507;
  color: #fff;
  padding: 20px 0px;
  position: relative;
  display: block;
  }

  
.search-button {
    float: none;
}
.search-button img {
    top: -8px;
    right: 28px;
}
.save-mony form h4 {
    font-size: 18px;
  }

  .tweleve{top: -13%;left: 20%;}
  .ten{left: 11%;}
  .top-bar ul li{ width: 49%;}
  .top-but{width: 40%;}

  .price-bg{
  height: 500px;
  }
  .new-price-box ul li{
    width: 22%;
    max-height: 386px;
    overflow: hidden;
  }

  .new-price-box2 ul li{
    width: 24%;
    height: 1060px;
    float: left;
  }
  .navbar-form {
    padding-top: 30px;
  }

  .headline h3:before,.headline h3:after {content: " ";display:inline-block;width: 50px;height: 5px;border-top: 1px solid #050507;border-bottom: 1px solid #050507;margin: 7px 10px 0;position: relative;top: -6px;}

  

}