
body{background-color:#ffffff;}
body.cover{background-size:cover;background-repeat:no-repeat; background-position:center center;}
body.contain{background-size:contain;background-repeat:no-repeat;}
body.repeat{background-repeat:repeat;}
.row{ max-width:980px; }
.body-pckg .row{ max-width:1080px; }
.fplain .row{ max-width:75rem; }
.full{ /*margin-top: 15px;*/ }
.blueish{ border:dashed 1px blue; }
.redish{ border:dashed 1px red; }
.nopadding{ padding:0; }
.add-on{ text-transform: capitalize; }
.mg-t-1{ margin-top:1rem; margin-bottom:1rem; text-align: center; text-transform: uppercase; }
.card{ border:none; position: relative; margin: 0;  }
.header .card{margin-bottom:0}
.body .card{margin-top:0;margin-bottom:0}
.footer .card{margin-top:0;}
.card{-webkit-box-shadow: 0px 5px 15px -5px rgba(212,212,212,1);-moz-box-shadow: 0px 5px 15px -5px rgba(212,212,212,1);box-shadow: 0px 5px 15px -5px rgba(212,212,212,1);}
.in-details{border-bottom:none}
.psteps{text-align:center;padding:30px 20px}
.in-header { border-bottom: 1px solid #dadada; overflow: hidden }
.logo-profile .psteps{padding-top:30px;}
.logo-profile .header .row { position: relative; top: 0px;}
.psteps .step{background:#cccccc;display:inline-block;line-height:1.5rem;border-radius:50%;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:700;z-index:2;position:relative;}
.psteps .desc{font-size:.8rem;color:#888;z-index:2;position:relative;}
.psteps .small-4{position:relative;}
.psteps .small-4::after{content:'';display:block;position:absolute;left:0;top:.75rem;height:3px;width:100%;background:#cccccc;z-index:1}
.psteps .small-4:first-child::after{border-top-left-radius:2px;border-bottom-left-radius:2px}
.psteps .small-4:last-child::after{border-top-right-radius:2px;border-bottom-right-radius:2px}
.psteps .small-4.active .step, .psteps .small-4.done .step{background:#a81414;color:#fff}
.hs-cl .psteps .small-4.active .step{background:#572f21}
.hs-cl .psteps .small-4.active::after, .psteps .small-4.done::after{background:#572f21;}
.psteps .small-4.active::after, .psteps .small-4.done::after{background:#a81414;}
/*.psteps .small-4.done .step{background:#67C100;color:#fff;}
.psteps .small-4.done::after{background:#67C100}*/
.button.alert,.button.validate{background-color:#a81414;}
.hs-cl .button.alert,.hs-cl .button.validate{background-color:#572f21;color:#ffffff;}
.button.alert:focus, .button.alert:hover,.button.validate:focus,.button.validate:hover{background-color:#a81414;color:#ffffff;opacity:.8}
.hs-cl .button.alert:focus, .hs-cl .button.alert:hover,.hs-cl .button.validate:focus,.hs-cl .button.validate:hover{background-color:#572f21;}
.inp-btn .button{padding:0;height:2.4375rem;line-height:2.4375rem;width:100%;border-top-left-radius:0!important;border-bottom-left-radius:0!important; text-align: center; }
.item .head-er{background:#cccccc;opacity:.8;padding:1rem;margin-bottom:1rem;border-radius:2px}
.item .head-er h4,.item .head-er h5,.item .head-er p{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1rem;margin:0;}
/*.item .head-er p.pkgprice{background:#a81414;color:#ffffff;padding:0 1rem;display:inline-block;margin-top:.5rem;border-radius:15px;}*/
.item .head-er p.pkgprice{ color:#ffffff;padding:0 1rem; margin-top:0.5rem; }
.hs-cl .item .head-er p.pkgprice{background:#572f21}
.logo-default{background-color: #FFF; border-bottom: 1px solid #DEDEDE }
.logo-default.content-form{ background-color:#ffffff;border:none }
.logo-default #blogo{ /*margin-left:10px; margin-right:10px;*/ margin:0; max-height: 100px !important; }
.content-form #blogo{ margin-left:10px!important; margin-right:10px!important; }
.content-form .header .logos ul li:first-child a{ margin-right: 10px!important; }
.logo .img-wrap img{margin: 0 auto; }
.img-wrap a{font-size: 28px;font-weight: bold;background:#fff;padding: 0 5px;text-transform: uppercase;}
.logo .img-wrap a p{text-transform:capitalize;color:#222;margin:.8rem 0 0;}
.logo-profile .logo .img-wrap{ position: relative; bottom:-2.5rem;left:4rem;border:solid 6px #fff;background-color:#fff;transition:box-shadow .25s;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);}
.mechantname{ display: block; font-weight: 600; font-size: 17px; color: #572f21; margin: 5px 0; }
.header{border-bottom:none;}
    .header{background-color:#ffffff;}
.header.h-cover{background-size:cover;background-repeat:no-repeat; background-position:center center;}
.header.h-contain{background-size:contain;background-repeat:no-repeat;}
.header.h-repeat{background-repeat:repeat;}
.header .column{position:relative;padding: 10px 0;/*height:131px;*/}
/*.header.hs-bg .column{height:60px;}
.full.header .column{height:60px;}
.header .logos ul{margin:0;padding:0;position:absolute;bottom:.5em;right:1rem;}
.logo .img-wrap{overflow:hidden;position:absolute;bottom:0;left:0;}
.logo-default .logo .img-wrap{ bottom: 10px; padding:0; }*/
.logo-default .header .logos ul{ margin-right:0;}
.header .logos ul li{display:inline-block;float:right}
.header .logos ul li a{background:#fff;display:block;padding:.3rem .5rem;margin-left:.5rem;border-radius:2px;opacity:.9}
.header .logos ul li a:hover{ opacity:1}
.footer{ border-top:solid 1px #dadada;padding-top:1rem;padding-bottom:1rem}
.footer .social{ text-align:right;margin:0;}
.footer .social a{ margin-left:.3rem;display:inline-block;width:2rem;height:2rem;padding:0;line-height:2rem;text-align:center;border-radius:50%;border:solid 2px #a81414;color:#a81414;}
.hs-cl .footer .social a{ border:solid 2px #572f21;color:#572f21;}
.footer .social a:hover{ color:#a81414;opacity:.8}
.hs-cl .footer .social a:hover{ color:#572f21;}
.footer .contact p,.footer .address p, .address span, .address div{ color:#333;margin:0;font-size:1rem;line-height:1.4rem;padding-bottom:5px;}
.address span .fa{padding-right:10px;font-size: 1.25rem;}
.fa-whatsapp{font-weight: bold;color: #04c704;}
.column.logo-profile.full{ padding-top:2.5rem;}
.msg .alert{ margin-top:1rem;}
.h-r{border-bottom:1px solid #dadada;margin:.4rem 0;}
.form-group .input-group-label i{color:#a0a0a0;}
.phonepadd{ display: block; /*padding-left: 30px;*/ }
.emailpadd{ display: block; /*padding-left: 52px;*/ }
.secimg img{ height: 24px!important;}
.pckg-btn{ margin-top: 24px; }
.pp-preloader{ background:#FFF url("../img/preloader.svg") center 10% no-repeat; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:9999;}

#iframeHolder{ position: relative; }
/*#quickLinkDetails h4, #quickLinkDetails h5{ color: #572f21; }*/
#quickLinkDetails h4 { text-transform: uppercase; font-size: 15px; font-weight: 600; }
#perNo{ border-top: 1px dotted #DEDEDE; margin-top: 20px; padding-top: 10px; }
#reserve-pay{ overflow: hidden; padding:0;}
#amountcol #jform_currency{background-color:#fff}
#packages{ margin-top: 30px; }
#packages .item{border-right:solid 1px #ccc; }
#packages .item:last-child{border-right:none}
#packages .item .desc .crop{max-height:300px;overflow:hidden;transition:all .7s}
#packages .item:hover .desc .crop{max-height:900px}
#jform_currency{ background-color: #f5f5f5; }
#jform_payment_description{ height: 100px!important; }
#packages .head-er{ text-align: center; }
#packages .head-er h4{ font-weight: 600; }
#hm-msg .alert{ position: relative; top: 62px; margin-bottom: -10px; }
@media only screen and (max-width: 40em) {
    .column.logo-profile.full{padding-top:1rem;}
    .psteps{padding:30px 5px}
    #packages .item{border-right:none;border-bottom:solid 1px #ccc;margin-bottom:1.5rem}
    #packages .item:last-child{border-bottom:none;margin-bottom:0}
    #jform_payment_description{ height: auto!important; }
    #hm-msg .alert{ top: 0!important; }
        .logo .img-wrap{ /*position: relative; left: auto;*/ display: table; margin: 10px; }
    .logo .img-wrap img{max-height:60px}
    .logo-default #blogo{ max-height: 50px !important; }
    .full.header .column{ /*min-height: 141px; */padding: 0 }
    .logo-profile .full .logo .img-wrap{ margin: 0 }
    .header .logos ul{right:auto;left:auto; position: relative; display: table; margin: 0 auto}
    .header .logos ul li{float:left}
    .header .logos ul li a{margin-right:.5rem; /*margin-left:0;padding: 0.2rem;*/}
    .img-wrap a{font-size: 20px;}
    /*.header .logo{margin-top:.5rem;}*/
    .header .logos{height:63px}
    .logo-profile .header .logos{ padding-top:15px; }
    .logo-profile .psteps{}
    .logo-profile .logo{text-align:center;height:auto;}
    .logo-profile .logo .img-wrap{ left: 0; margin-top:1rem;margin-bottom:1rem;}
    .logo-default .img-wrap{position:relative;display:table;bottom:auto;left:auto;padding-top:.2rem;padding-bottom:.2rem; background: rgb(255,255,255,0.9); }
    /*.logo-default .header .logos ul{ margin: 10px auto}*/
    .secimg img{ max-height: 20px; }
    .footer .social,.footer .contact{border-top:solid 1px #dadada;padding-top:1rem;text-align:center;}
    .footer .address,.footer .contact{padding-bottom:1rem; }
}

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

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2;
}

.alert-secondary hr {
  border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
  color: #2e3133;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info, .alert-notice {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr, .alert-notice hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link, .alert-notice .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}


div.alert{padding:8px 35px 8px 14px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #fbeed5; background-color:#fcf8e3;margin-bottom:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
div.alert,div.alert h4{color:#c09853; text-align:left}
div.alert h4{margin:0;}
div.alert .close{position:relative;top:-2px;right:-21px;line-height:20px; float: right; }
div.alert-success, .label-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
div.alert-success h4{color:#468847;}
div.alert-danger,div.alert-error, .label-danger{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
div.alert-danger h4,div.alert-error h4{color:#b94a48;}
div.alert-info, .label-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
div.alert-info h4{color:#3a87ad;}
div.alert-block{padding-top:14px;padding-bottom:14px;}
div.alert-block>p,.alert-block>ul{margin-bottom:0;}
div.alert-block p+p{margin-top:5px;}

/*code to style the link container and its components*/
/* #summarytablehtml table #packageSummary td:first-child{ padding-left: 15px!important; } 
*/

#summarytablehtml table td:first-child{ padding-left: 0!important; padding-right: 0!important; }
#summarytablehtml table td:first-child td{ padding-left: 5px!important; padding-right: 5px!important; }
.psteps .small-3{position:relative;}
.psteps .small-3::after{content:'';display:block;position:absolute;left:0;top:.75rem;height:3px;width:100%;background:#cccccc;z-index:1}
.psteps .small-3:first-child::after{border-top-left-radius:2px;border-bottom-left-radius:2px}
.psteps .small-3:last-child::after{border-top-right-radius:2px;border-bottom-right-radius:2px}
.psteps .small-3.active .step, .psteps .small-3.done .step{background:#a81414;color:#fff}
.hs-cl .psteps .small-3.active .step{background:}
.hs-cl .psteps .small-3.active::after, .psteps .small-3.done::after{background:;}
.psteps .small-3.active::after, .psteps .small-3.done::after{background:#a81414;}

.mobile .btn{ border: 1px solid #CCC; color: #333; background: #e6e6e6; float: left; padding: 5px 8px; height: 30px;  padding-left: 0; padding-right: 0; text-align: center; width: 30%; border-radius: 0; }
.mobile .fxcount { margin: 0 -1px!important; float: left!important; width: 30px; text-align: center; padding-top: 2px; padding-bottom: 2px; height: 29.5px; border: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-left: 0!important; padding-right: 0!important; text-align: center; width: 33.3%; border-radius: 0!important; }
.mobile input[disabled].fxcount{ background: #FFF!important}
.mobile{ display: block; margin: 0 auto; min-width: 60px}
.mobile .add_to_cart {
    width: auto;
    padding: 0 10px;
    border-radius: inherit;
    float: left;
    /*margin: 5px 20px;*/
}
.mobile label {
    float: left; display:inline-block; padding-right: 5px;
}
/* .desc_units{ background: #555; color: #fff; text-align: center; padding: 5px; margin-right: 10px;} */
.section-sep{ margin-top: 5px;width: 100%;}
.links_container:before, .links_container:after {
    display:table;
    content:"";
    zoom:1 /* ie fix */;
}
.links_container:after {
    clear:both;
}
.links_container {
    width:auto;
    margin:0 auto;
    margin-bottom: 15px;
    /*border:1px solid #fff;
    box-shadow:0px 2px 7px #292929;
    -moz-box-shadow: 0px 2px 7px #292929;
    -webkit-box-shadow: 0px 2px 7px #292929;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;*/
    border-bottom: 1.5px dotted #dedede;
}
.links_mainbody {
    height:auto;
    width:auto;
    padding: 5px 0;
    overflow: hidden;
}

.links_header{
    height: 40px;
	padding: 5px 10px;
	padding: 5px;
}
.fancybox-image, .fancybox-spaceball {
    height: 100% !important;
    width: 100% !important;
    border: 5px solid #fff !important;
    border-radius: 5px;
}
/*code to style the link container and its components*/
@media (width: 768px) {
    .header .column {
        position: relative;
        padding: 10px 15px;
    }
}
@media (max-width: 767px) {
    .logo-default .header .logos ul {
        margin-top: 10px;
    }
}