.navbar{min-height:140px; margin-bottom:0;border-radius:0;}

#nav-header {
    background-color:  #17181894;
    min-height: 98px !important;
}
.navbar-nav > li > a {
    color: #aaa89c;
    font-size: 20px;
    text-transform:uppercase;}
.navbar-nav > li > a {line-height:110px;}
.navbar-nav > li > a:hover,.navbar-nav > li.active > a{color:#fff;background: none}

.navbar-nav > li > .cart:hover{background:#ccc;}
.cart{padding:5px !important;line-height:130px !important;}
.logo{
    height:110px; max-width:50%; background-image: url('img/2021-BSD-logo.png');background-size: 76%; background-repeat:no-repeat; background-size:contain; background-position: center center}
.navbar-toggle {
    border-color: #333;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fdd001;
    border-radius: 4px;
}
.navbar-toggle:hover{
    background-color: #ccc;
}
.fa-bars{color:#fff;}
.logo-mob{max-width: 300px;float:left; width: 75%; background-image: url('img/2021-BSD-logo.png'); background-repeat:no-repeat; background-size:contain;     height: 140px;
          background-position: center center;}
.navbar-mob{display:flex;justify-content:center;align-items:center;float:right;height:140px;}

#navbar[aria-expanded="true"] > ul > li > a {line-height:30px; text-align:center; font-size:24px;}

.badge-cart {
    background: #fdd001 !important;
    color: #000 !important;
}

.btn-primary {
    color: #fff;
    background-color: #eac414;
    border-color: #eac414;
}
.btn-primary:hover {
    color: #fff;
    background-color: #fdd001;
    border-color: #fdd001;
}
.carousel-control{display:flex;justify-content:center;align-items:center;}
.hero h1 {
    font-size: 55px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align:left;
}
.hero h1 span {
    color: #c48d30;
}
.hero h3 {
    font-size: 24px;
    font-weight: lighter;
    text-align: left;
    text-transform: none;
}
.hero h2 {
    color: #FFF;
    text-align: center;
    font-weight: bold;text-shadow: 2px 2px #000;
}

.hero h4 {text-align:left;}


.carousel-indicators li {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 7px !important;
    margin: 1px;
    text-indent: -999px;
    width: 30px !important;
}
.carousel-indicators .active {
    background-color: #c48d30;
    border: 1px solid #c48d30;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 7px !important;
    margin: 1px;
    text-indent: -999px;
    width: 30px !important;
}

.fix-box-height{
    min-height: 265px;   
}
.pulldown{
    text-align: center;
}

.btn-hero{

	text-transform: uppercase !important;
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px 25px !important;
    background-color: #fff !important;
	border: 1px solid #404143;
    color: #404143 !important;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);


    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
}
.btn-hero-default{
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px 25px !important;
    background-color: #E7E7E7 !important;
    color: #000 !important;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);


    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
}
.btn-hero:hover{
    background-color: #C48D30 !important;
	color: #fff	 !important;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*  mobile */ 

.c2 h1, .c2 h2, .c2 h3, .c2 h4{text-align:center;} 
.c2 .btn{margin-top:20px;}

@media screen and (min-width: 1250px) {
    .carousel-caption.hero.c2{
		margin: auto; width:80%;  text-align:center;
	}
    .carousel-caption.hero{     
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto auto auto 20%;
		width: 45%;
		height: 30%;
	}
}
@media screen and (min-width: 968px) and (max-width:1249px) {
    .carousel-caption.hero.c2{margin: auto; width:80%; height:50%; text-align:center;} 
    .carousel-caption.hero{     position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                right: 0;
                                margin: auto auto auto 17%;
                                width: 65%;
                                height: 30%;}
}

@media screen and (orientation:landscape) and (max-width:967px){.carousel-caption.hero.c2{margin: auto; width:80%; height:70%; text-align:center;} .carousel-caption.hero{    height: 50% !important;}}

@media screen and (max-width:967px) {.carousel-caption.hero.c2{margin: auto; width:80%; height:80%; text-align:center;} 
                                     .carousel-caption.hero{   position: absolute;
                                                               top: 0;
                                                               bottom: 0;
                                                               left: 0;
                                                               right: 0;
                                                               margin: auto auto auto auto;
                                                               width: 70%;
                                                               height: 100%;}

                                     .hero h1 {font-size:20px}
                                     .hero h3, .hero h4{font-size: 16px;margin:0; text-align:justify;text-shadow: 2px 2px #000;}
                                     .hero h2{    font-size: 18px;
                                                  margin: 0;
                                                  position: absolute;
                                                  right: -50px;
                                                  top: 20px;}
                                     .visak{display:none;}
                                     .carousel-indicators{display:none;}
                                     .hero .btnset {
                                         float:none; margin-top:15px;
                                     }
                                     .carousel-fade .carousel-control {
                                         z-index: 2;
                                         max-width: 35px;
                                     }

                                     .btnset .btn-lg{font-size:14px;}
                                     .front-content  h1 {font-size:27px !important}
                                     .front-content h2{font-size:22px !important;}
                                     .prechk li {font-size:18px !important;}
                                     .foot-fix{padding:0 40px;text-align:center;}
                                     .last-p-footer{text-align:center;}
}

@media screen and (max-width:359px) {.carousel-caption.hero.c2{height:100% !important; margin:auto !important;}.hero h3, .hero h4, .hero h2, .btnset a:first-child {display:none;} .btnset .btn{color:#fff !important; border-color: #fff !important;} .hero h1{text-align:center;}.front-content  h1 {font-size:23px !important}
                                     .front-content h2{font-size:19px !important;} .btn-hero{margin-bottom:10px;}
                                     .prechk li {font-size:15px !important;}}
/* mobile END */ 

.body-bg {
    /*background: url("img/body-bg.jpg");*/
    background-color: #f1f0ee;
    color:#000;
}

.front-content  h1 {
    color: #404143;
    /*font-family: 'PT Sans', sans-serif;*/
    font-size: 35px;
    text-align: center;
}

.front-content h2 {

    /*font-family: 'PT Sans', sans-serif;*/
    font-size: 21px;
    margin: 25px auto auto;
    text-align: center;
    width: 80%;
}
.nav>li>a:focus {
    text-decoration: none;
    background: none;
}
.modal a:hover{text-decoration:underline; color: #ccc;}
.modal h1{font-size:18px;}
.modal-title{font-size:24px;}
.modal .modal-body {
    max-height: 520px;
    overflow-y: auto;
}
.carousel-inner img {width:100%; height: 100%}

.home-display img{display:inline-block;}

.home-display{min-height:920px; margin-bottom:30px;}

.home-display{padding:50px 25px 40px 25px; border: 1px solid #7d7d7d; text-align:center;}

.transperant-line {
    height: 10px;
    opacity: 0.6;
    background: #666;
}
.question{font-weight:bold; font-style:italic;}
.prechk li {

    font-size: 17px;
    /*list-style: outside url('img/ok.png');*/
    margin: 10px 0;
    padding: 0;
    text-align: left;}

.h54{height:54px;}
.mb20{margin-bottom:20px;}

.home-display .pulldown{    width: 100%;
                            margin-left: -25px;
                            bottom: 30px;
                            position: absolute;}

.pulldown .btn:first-child{margin-right:10px;}

.picon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/img/footericon.png");
    background-origin: padding-box;
    background-position: 0 -32px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    left: 5px;
    position: relative;
    top: 8px;
    width: 30px;
}


.footer-ul li a:hover .ticon, a.active.picon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/footericon.png");
    background-origin: padding-box;
    background-position: 0 -271px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    width: 30px;
    left: 5px;
    position: relative;
    top: 8px;
}
.ticon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/footericon.png");
    background-origin: padding-box;
    background-position: 0 -328px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    left: 5px;
    position: relative;
    top: 8px;
    width: 30px;
}

.footer-ul li a:hover .picon, a.active.picon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/footericon.png");
    background-origin: padding-box;
    background-position: 0 5px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    width: 30px;
    left: 5px;
    position: relative;
    top: 8px;
}
.picon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/footericon.png");
    background-origin: padding-box;
    background-position: 0 -32px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    left: 5px;
    position: relative;
    top: 8px;
    width: 30px;
}

.footer-ul > li {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 2;
    margin: 6px 0px;
}
.footer-ul li a {
    color: #fff;
}

.footer-ul li a:hover {
    color: #fdd001;
}

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


.footer-head-top {
    color: #000;
    font-size: 15px;
    margin: 15px 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-right: 15px;
}
.brownBold{
    color:#C48D30;
    font-weight: 800;
    padding: 10px;
    font-size: 24px;
}
.box-border{
    margin-bottom: 15px;
    padding: 25px 10px ;
    min-height: 730px;
    -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
}
/*.footer-area {
    background-image: url('../img/footer-image.jpg');
    background-repeat: repeat;
}*/
.footer-area {
    background-color: #0c0c0c;
    color: #fff;
}
#footer {

    float: left;
    padding: 40px 0;
    width: 100%;
}
.footer-ul{padding-left:0;}

.contact-layout {
    background: #fff;
    margin: 50px 0;
}

.contact-address {
    margin: 55px 0px;
}

.contact-form {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #b4b4b4;
    margin: 74px 0;
    padding: 0 30px;
}
.form-des {
    background: #fbfbfb none repeat scroll 0 0 !important;
    margin: 10px 0px 20px;
    padding: 14px 15px !important;
    height: auto;
    border-radius: 4px !important;
}
.btn-submit {
    background: #fdd001 none repeat scroll 0 0;
    border: 1px solid #fdd001;
    color: #000;
    font-size: 17px;
    height: 35px;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}.contact-address h1 {
    color: #4a4a4a;
    font-size: 30px;
    margin: 25px 0;
}
.contact-form > h1 {
    color: #000;
    font-size: 30px;
    margin: 20px 0px 10px 0px;
    text-align: left;
    font-weight: bold;
}
.carousel-caption-2.hero{text-align:center; }
.carousel-caption-2.hero h1{text-align:center;}
.carousel-caption-2.hero h4{text-align:center;}
.carousel-caption-2.hero h3{text-align:center;color: #fff;}
.carousel-caption-2 .btn{margin-top:15px;}
.diary-body {
    margin: 80px 0;
}
.diary-detail h1 {
    color: #404143;
    font-size: 36px;
    margin: 0 0 20px;
    padding: 0;
    font-weight: bold;
}
.diary-detail > p {
    color: #000;
    margin-bottom: 30px;
    text-align: justify;
    font-size: 20px;
}

.diary-detail > h2 {
    color: #404143;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.diary-detail li {
    color: #000;
    font-size: 20px;

    margin: 20px 0;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}




#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
    margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    margin-bottom:20px;
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 220px;
    max-width: 200px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #f9f9f9;
    border: 1px solid #bdc3c7;
    border-radius: 10px;
    outline: 0;
}
.modal-header img.img-responsive{
    border-radius: 10px
}
.modal-header {
    min-height: 16.43px;
    padding: 15px 25px 30px 25px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 30px;
    max-width: 380px;
    text-align: center;
    margin: auto;
}
.modal-body label{font-size: 16px;}
select#select_my_region {
    border: 1px solid #404143;
    margin-top: 10px;
    border-radius: 8px;
    padding: 10px 20px;
    height: auto;
    color: #080808;
    font-weight: 600;
}
.modal-footer {
    padding: 8px 30px 30px 30px;
    text-align: left;
    border-top: 0px;
    max-width: 380px;
    margin: auto;
}

.modal-footer button#select_region{width: 100%; border-radius: 8px !important; font-weight: 600;}
.checkbox {
    margin-bottom: 0px;
}
div#privacy .modal-body, div#terms .modal-body {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
}
.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
    border-radius: 4px;
}

.yellow{
    color: #fdd001;
    font-size: 55px;
    font-weight: bold;
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
    text-shadow: 2px 2px rgba(255,255,255,0.4)}
.newfeature{   
    text-transform: uppercase;
    font-size: 17px;
    color: #fdd001;
    font-weight: bold;
}
#pricing-table {
    text-align: center;
    width: 100%; /* total computed width = 222 x 3 + 226 */
}

#pricing-table .plan {
   /* font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;*/
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 25%; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */      
    float: left;
    position: relative;
}
@media only screen and (max-width: 990px) {
    #pricing-table .plan {
        width: 100%;
        margin-bottom:50px;
        margin-top:50px;
    }}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;        
}

#pricing-table .plan:nth-child(4) {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;        
}
.plan .price{    
	font-size: 22px;
	font-weight: bold;
	margin-top: 20px;
}
.plan .price span {
	font-size:14px;
	margin-bottom:-5px;
}


/* --------------- */   
.radio-dot-bft input#type2, .radio-dot-bft input#type1 {
    display: block;
    float: left;
    margin-top: 0;
}
.special.radio-dot-bft {
	display:block;
}
.radio-dot-bft label {
	display:block;
}
/* --------------- */


#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 20px -20px;
    background-color: #eee;
    background-image: -moz-linear-gradient(#fff,#eee);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
    background-image: -webkit-linear-gradient(#fff, #eee);
    background-image: -o-linear-gradient(#fff, #eee);
    background-image: -ms-linear-gradient(#fff, #eee);
    background-image: linear-gradient(#fff, #eee);
}

p.title{
    font-size: 18px;
    font-weight: bold;
}
span.subtitle{
    font-size: 13px;
}
p.smallheading{font-weight:bold;font-size:14px;margin-top:25px;margin-bottom:8px;}
p.special{
    color: #404143;
    font-weight: bold;
    margin-top: -8px;
}
p.special.radio-dot-bft {
    text-align: left;
    font-size: 14px;
}
p.special.radio-dot-bft label {
    margin-left: 24px;
}
p.special.radio-dot-bft label input {
    margin-left: -24px;
    margin-right: 15px;
}
#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: -moz-linear-gradient(#eee,#ddd);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));    
    background-image: -webkit-linear-gradient(#eee, #ddd);
    background-image: -o-linear-gradient(#eee, #ddd);
    background-image: -ms-linear-gradient(#eee, #ddd);
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}


#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    text-align:left;
    font-size:14px;
}
#pricing-table li::before{

}

/* --------------- */

#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background-color: #72ce3f;
    background-image: -moz-linear-gradient(#72ce3f, #62bc30);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));    
    background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
    background-image: -o-linear-gradient(#72ce3f, #62bc30);
    background-image: -ms-linear-gradient(#72ce3f, #62bc30);
    background-image: linear-gradient(#72ce3f, #62bc30);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: -moz-linear-gradient(#62bc30, #72ce3f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));      
    background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
    background-image: -o-linear-gradient(#62bc30, #72ce3f);
    background-image: -ms-linear-gradient(#62bc30, #72ce3f);
    background-image: linear-gradient(#62bc30, #72ce3f); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;       
    top: 2px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/* --------------- */

.clear:before, .clear:after {
    content:"";
    display:table
}

.clear:after {
    clear:both
}

.clear {
    zoom:1
}
.btn-pricingtables{    
	background: #fbd008;
	font-weight: 700;
	border-radius: 5px;margin-top:20px;
}
.btn-pricingtables:hover{
    background: rgba(251, 208, 8, 0.65);
}

.bigfeature{    
    background: #C48D30;
    padding: 20px;
    border-radius: 20px;
    color: #fff !important;
    /* font-weight: 700; */
    font-size: 22px;
    line-height: 28px;
    /*font-family: "PT sans";*/
    text-align:center !important;
    margin-top:30px;
}
.bigfeature span{
	margin-bottom:5px;
	width:100%;
	display:block;
    font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	text-align:center;
}
.plan{
    cursor: pointer;
}
@media screen and (max-width:767px){
    .contactus-subtext {
        text-align: center;
    }
    .contact-form > h1 {font-size: 24px;text-align: center;}
    .contact-address h1 {font-size: 18px;}
}
select option:last-child {
    padding-bottom: 6px;
}
#pricing-table .plan {
    width: 100% !important;
}
#pricing-table li {
    margin: 5px 0 0;
}
.plan .price {
    font-size: 24px;
    margin-top: 40px;
}
.plan .special {
    margin-top: -2px;
}
.plan .btn-hero {
    font-size: 16px;
}
/*Tan BFT CSS*/
.body-bg.main-content-area {
    margin-top: 100px;
}
/*S BFT CSS */
@media screen and (max-width: 992px) and (min-width: 768px) {
.login-wrap{
    display: flex;
}}

.g-recaptcha {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
.diary-body {
   margin: 80px 0;
}
.logo-mob {
    max-width: 200px;  
    height: 100px;  
}
.navbar-mob {
    height: 100px;
}

.navbar-toggle {
    padding: 5px 8px;
}
.carousel-caption.hero.c2 { 
    padding-top: 70px;
}
.diary-body {
    margin-bottom: 0px;
}

}


@media screen and (max-width: 540px) {
.carousel-caption.hero.c2 .btn-lg {
    font-size: 12px;
}
.carousel-caption.hero.c2 { 
    padding-top: 75px !important;
}
.navbar-mob, .logo-mob {
     height: 60px;
}
.logo-mob{
    max-width: 150px;
}
#nav-header {
    background-color: #17181894;
    min-height: 60px !important;
}
p#last-p-footer {
    text-align: center !important;
}
}

@media screen and (max-width: 375px) {
.carousel-caption.hero.c2 .btn-lg {
    font-size: 10px;
}
.carousel-caption.hero.c2 {
    padding-top: 70px !important;
}
.btn-hero {
    padding: 8px 15px !important;
}

}
@media screen and (max-width: 320px) {
   .carousel-caption.hero.c2 .btn-lg {
    padding: 8px 12px !important;
}
}
@media screen and (max-width: 1199px){
#nav-header {
    background-color: #000 !important;
}
div#myCarousel {
    margin-top: 25px;
}
}

@media screen and (min-width: 768px){
.carousel-caption.hero.c2 {
    padding-top: 75px;
}
}
@media (min-width: 1200px){
.container {
    width: 1140px !important;
}}

@media (min-width: 320px) and (max-width: 480px) {
        #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        }
        #recaptcha_response_field
        {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable .recaptcha_r1_c1, 
        .recaptchatable .recaptcha_r3_c1, 
        .recaptchatable .recaptcha_r3_c2, 
        .recaptchatable .recaptcha_r7_c1, 
        .recaptchatable .recaptcha_r8_c1, 
        .recaptchatable .recaptcha_r3_c3, 
        .recaptchatable .recaptcha_r2_c1, 
        .recaptchatable .recaptcha_r4_c1, 
        .recaptchatable .recaptcha_r4_c2, 
        .recaptchatable .recaptcha_r4_c4, 
        .recaptchatable .recaptcha_image_cell {

        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        }

    }

#region select::-ms-expand {
    display: none;
}  
#region select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
#region select::-ms-expand {
    display: none;
}
.alert.alert-info a {
    color: #31708f;
    text-decoration: underline;
}
a:hover {
    color: #31708f !important;
}