@font-face {
  font-display: block;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.staticmb.com/mbfonts/montserrat-regular.woff2) format("woff2"), url(https://cdn.staticmb.com/mbfonts/montserrat-regular.woff) format("woff"), url(https://cdn.staticmb.com/mbfonts/montserrat-regular.ttf) format("ttf")
}

@font-face {
  font-display: block;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  src: url(https://cdn.staticmb.com/mbfonts/montserrat-semibold.woff2) format("woff2"), url(https://cdn.staticmb.com/mbfonts/montserrat-semibold.woff) format("woff"), url(https://cdn.staticmb.com/mbfonts/montserrat-semibold.ttf) format("ttf")
}

@font-face {
  font-display: block;
  font-family: Damion;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.staticmb.com/font/damion-regular.woff2) format("woff2"), url(https://cdn.staticmb.com/font/damion-regular.woff) format("woff")
}


/* Bootstrap CSS: Start */
html{font-family: "Montserrat", sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
body{margin:0;font-size:14px;line-height:1.42857143;background-color:#fff;padding-top:0;padding-bottom:0;font-family:"Montserrat",sans-serif;color:#444}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
pre{overflow:auto}
samp{font-size:1em}
.nopadding {padding: 0 !important;margin: 0 !important; }
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{min-width:0;margin:0;border:0}
legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
fieldset,legend,td,th{padding:0}
@media print {
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999}
thead{display:table-header-group}
blockquote,img,pre,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
select{background:#fff!important}
.navbar{display:none}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}
*,:after,:before,input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#ff1462;text-decoration:none}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}

[role=button]{cursor:pointer}
.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3,h4,h5,h6{line-height:1.1}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,dl,ol,ul{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
p{margin:0 0 10px}
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
@media (min-width:768px) {
.lead{font-size:21px}
}
.small,small{font-size:85%}
.mark,mark{padding:.2em;background-color:#fcf8e3}
.text-left,th{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-muted{color:#777}
.text-primary{color:#337ab7}
a.text-primary:hover{color:#286090}
.text-success{color:#3c763d}
a.text-success:hover{color:#2b542c}
.text-info{color:#31708f}
a.text-info:hover{color:#245269}
.text-warning{color:#8a6d3b}
a.text-warning:hover{color:#66512c}
.text-danger{color:#a94442}
a.text-danger:hover{color:#843534}
.bg-primary{color:#fff;background-color:#337ab7}
a.bg-primary:hover{background-color:#286090}
.bg-success{background-color:#dff0d8}
a.bg-success:hover{background-color:#c1e2b3}
.bg-info{background-color:#d9edf7}
a.bg-info:hover{background-color:#afd9ee}
.bg-warning{background-color:#fcf8e3}
a.bg-warning:hover{background-color:#f7ecb5}
.bg-danger{background-color:#f2dede}
a.bg-danger:hover{background-color:#e4b9b9}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
dl,ol,ul{margin-top:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
.list-inline,.list-unstyled{padding-left:0;list-style:none}
.list-inline{margin-left:-5px}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px) {
.container{width:750px}
}
@media (min-width:992px) {
.container{width:970px}
}
@media (min-width:1200px) {
.container{width:1170px}
}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}

@media (min-width:768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}

}
@media (min-width:992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}

}
@media (min-width:1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}

}


label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[multiple].input-sm,select[size],textarea.form-control,textarea.input-sm{height:auto}

input[type=search]{-webkit-appearance:none}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:34px}
.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}
.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}
}


input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown,.dropup{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:160px;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu-right,.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;clear:both;line-height:1.42857143;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
@media (min-width:768px) {
.navbar-right .dropdown-menu{right:0;left:auto}
.navbar-right .dropdown-menu-left{right:auto;left:0}
}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative}
.btn-group>.btn{float:left}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{margin-left:-5px}
.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle,a,img{outline:0}
.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}
.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;width:100%;max-width:100%;float:none}
.nav-tabs.nav-justified>li{float:none}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}
.btn-group-justified,.input-group{display:table;border-collapse:separate}
.btn-group-justified{width:100%;table-layout:fixed}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}
.btn-group-justified>.btn-group .btn{width:100%}
.btn-group-justified>.btn-group .dropdown-menu{left:auto}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.input-group{position:relative}
.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}
select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon{white-space:nowrap}
.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{font-size:0;white-space:nowrap}
.input-group-btn,.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}
.nav>li>a{position:relative;display:block}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px) {
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}
.nav-justified>li,.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li>a{margin-bottom:5px;text-align:center}
@media (min-width:768px) {
.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}
@media (min-width:768px) {
.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
}
.tab-content>.tab-pane{display:none}
.navbar-brand>img,.tab-content>.active{display:block}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
@media (min-width:768px) {
.navbar{border-radius:4px}
.navbar-header{float:left}
}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.navbar-collapse.in{overflow-y:auto}
@media (min-width:768px) {
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}
@media (max-device-width:480px)and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}
@media (min-width:768px) {
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
}
.navbar-static-top{z-index:1000;border-width:0 0 1px}
@media (min-width:768px) {
.navbar-static-top{border-radius:0}
}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}
@media (min-width:768px) {
.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}
}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
.navbar-brand{float:left;height:50px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
@media (min-width:768px) {
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}
.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 transparent;border-radius:4px}
.navbar-toggle:focus,.smartphoto-arrows li:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px) {
.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
}
@media (min-width:768px) {
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
}
.navbar-form{padding:10px 15px;margin:8px -15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}
@media (min-width:768px) {
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
.navbar-form .form-control-static{display:inline-block}
.navbar-form .input-group{display:inline-table;vertical-align:middle}
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}
.navbar-form .input-group>.form-control{width:100%}
.navbar-form .control-label{margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback{top:0}
}
@media (max-width:767px) {
.navbar-form .form-group{margin-bottom:5px}
.navbar-form .form-group:last-child{margin-bottom:0}
}
@media (min-width:768px) {
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}
@media (min-width:768px) {
.navbar-text{float:left;margin-right:15px;margin-left:15px}
.navbar-left{float:left!important}
.navbar-right{float:right!important;margin-right:-15px}
.navbar-right~.navbar-right{margin-right:0}
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand,.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:transparent}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
.navbar-default .btn-link,.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover,a.list-group-item .list-group-item-heading{color:#333}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}
.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover,.videoicon:hover i{color:#fff}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li,.pagination{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}
.pagination{padding-left:0;margin:20px 0;border-radius:4px}
.pager li,.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#d8232a;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#d8232a;border-color:#d8232a}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#5cb85c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}
.list-group-item>.badge{float:right}
.list-group-item>.badge+.badge{margin-right:5px}
.nav-pills>li>a>.badge{margin-left:3px}
.jumbotron{margin-bottom:30px;background: none;}
.jumbotron,.jumbotron .h1,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading{color:inherit}
.jumbotron>hr{border-top-color:#d5d5d5}
.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}
.jumbotron .container{max-width:100%}
@media screen and (min-width:768px) {
.jumbotron{padding:48px 0}
.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}
.jumbotron .h1,.jumbotron h1{font-size:63px}
}
.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}
.thumbnail .caption{padding:9px;color:#333}




.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.modal,.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px) {
.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}
@media (min-width:992px) {
.modal-lg{width:900px}
}

.carousel,.carousel-inner{position:relative}
.carousel-inner{width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000px}
.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-control,.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.active.left,.carousel-inner>.prev{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}
.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:transparent;border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}
.carousel-caption{right:20%;left:20%;padding-bottom:30px}
.carousel-indicators{bottom:20px}
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
@media (max-width:767px) {
.visible-xs,.visible-xs-block{display:block!important}
.visible-xs-inline{display:inline!important}
.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px)and (max-width:991px) {
.visible-sm,.visible-sm-block{display:block!important}
.visible-sm-inline{display:inline!important}
.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px)and (max-width:1199px) {
.visible-md,.visible-md-block{display:block!important}
.visible-md-inline{display:inline!important}
.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1200px) {
.visible-lg,.visible-lg-block{display:block!important}
.visible-lg-inline{display:inline!important}
.visible-lg-inline-block{display:inline-block!important}
}


@media (max-width:767px) {
.hidden-xs{display:none!important}
}
@media (min-width:768px)and (max-width:991px) {
.hidden-sm{display:none!important}
}
@media (min-width:992px)and (max-width:1199px) {
.hidden-md{display:none!important}
}
@media (min-width:1200px) {
.hidden-lg{display:none!important}
}
h1,h2,h3,h4,h5,h6{font-weight:300;font-family:"Montserrat",sans-serif;color:#444;padding:0;margin:0}
a:focus{outline:0}
.clear,.clearfix:after{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table}
a:focus,a:hover{color:#ff1462;text-decoration:none}
/* Bootstrap CSS: End */


*{
    font-family: Montserrat, sans-serif !important;
}

body {
  background-color: #fff;
  color: #444;
  font-family: Montserrat, sans-serif !important;
  font-size: 14px;
  line-height: 1.42857143;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-top: 50px !important
}

.header1 {
  margin: -38px 0 0
}

.headerbg {
  background: #1f6775;
  background-position: 100% 100%;
  background-repeat: no-repeat
}

.main-contentbx {
  display: flex;
  gap: 20px;
  margin: 0 auto;
  padding: 40px;
  width: 1174px
}

.headerleft {
  margin: 0;
  width: 48%
}

.headerright {
  align-items: center;
  display: flex;
  margin: 0 0 0 40px;
  position: relative
}

.headerleft img {
  width: 193.45px
}

.main-contentbx h1 {
  color: #303030;
  font-size: 44px;
  font-weight: 800;
  line-height: 48px;
  margin: 14px 0
}

.main-contentbx h1 span {
  display: block
}

.main-contentbx p {
  color: #606060;
  font-size: 20px;
  font-weight: 400;
  padding: 0 60px 32px 0
}

.boxone {
  background: #fff;
  border-radius: 35.55px;
  box-sizing: border-box;
  margin: -38px 0 0;
  min-height: 256px;
  padding: 36px 24px;
  position: relative;
  transform: rotate(-6deg);
  width: 275px;
  z-index: 2
}

.boxone .date {
  background: #ffebb3;
  border-radius: 2.3px;
  color: #000;
  font-size: 8px;
  font-weight: 500;
  margin: 0;
  padding: 3px 6px;
  text-align: center;
  width: 60px
}

.boxone h4 {
  color: #303030;
  font-size: 21.81px;
  font-weight: 400;
  line-height: 28px
}

.boxone p.txt {
  color: #606060;
  font-size: 12.46px;
  font-weight: 600;
  line-height: 17px;
  padding: 10px 0 0
}

.boxone p.txt a {
  color: #d8232a;
  cursor: pointer;
  text-decoration: underline
}

.viewreport {
  bottom: -2px;
  left: -172px;
  position: absolute
}

a {
  color: #ff1462;
  text-decoration: none
}

.box1 {
  background: #fff;
  box-sizing: border-box;
  height: 220px;
  margin: 5px 0 0 -125px;
  position: relative;
  transform: rotate(5.5deg);
  width: 275px;
  z-index: 1
}

.box1,
.box1 img {
  border-radius: 24px
}

.box1 img {
  width: 100%
}

.dreport {
  position: absolute;
  right: -155px;
  top: 40px
}

.boxone:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAcCAYAAADP7InhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgB7ZnBUcMwEEV/gAs3UwGiAzrAdJAOSAeECnAHpAPSASWEDuDIjVABUAHsH6+wRjOJpAwQO9k380fWHjLJj7SrlUfYPcaiSp/nQbxZ8TwRfaiedUxyhOHgRMtg/iA6R2vSSRC/Qvfj50hzoZ9BXQbxJ3Rm3mCA0KB3VRXEubJcFPtN+KfUomkU5/eYoEfUojvRQnQaxR36gxNVI2wPrpQwn8x0/qgyIrgFuLJ6t+RL2EZxcKI30RkyK9g+wu14K7rHjnGAv4OmsaQzjw6ynP8n/jxkFHCNNuGPYWTDSrnQ0TBWc4jNcGhboU/RC4wsuB2Zy6YwimDVtFyWCc1yMH7IyXE0jRXzGNZ8F8HTfwOjGOsECjCzNsA35zWMtcStEq+AZjDWwmslXip64yqd2+E2AY1bojOON7INjCTeOL5bdBrznYEViARO9IW2/3zV0YpDJg3aN04ORhbfwlg6BL6uCBoAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  bottom: 74px;
  height: 28px;
  left: -62px;
  width: 95px
}

.box1:before,
.boxone:before {
  content: "";
  position: absolute
}

.box1:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAApCAYAAACSsL+FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7drNTcNAEAXgF6AAUwFbAnSwdAAduAPcASmBDqADcuNIuHGDDnAHQAfM02LHP/EaGVk25n3SRNFKuYxmZ9fjrCBNmUXSWNscQWKYsCt+WUH63FnkB5A+OT+UqLZTi5fmonpU3YXFrcV5Ze0D0uIQKkpkuGuLNSSKSXpD2HJR/72Zf1qcQQ1bhnIIdyQH6cRjn/0og0Q5Cw8Z1yGWiyOSB4tji2fIXkwS+9ENpJee2TqwijxGspR5lLN4RBiTSASTpPuRDOcRqiiBdCpGIx4S5aFK2otJSTGxuV8PUoRtNvnlce4TTlbTpcUWUjPq7fo35rT1eJpx+jjLZ7Q5bT2OQ/iGNoeUuMVYQR5/xBRbz2P3Lk2viRqqfSeBLowtxePGPaTGoV4tHH14SClFqJx3LDQxxX84WQU/aaz+O04snhD+31is8/evWKji1GM1rCvrGXYVUl0vGjGTtKmsb7HgJMUwGQ46nUpf1YAzRazLzvMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  bottom: 115px;
  height: 44px;
  right: -50px;
  width: 92px
}

.modal-overlay {
  background: #00000073;
  z-index: 99999
}

.sticky-modal {
  height: 620px !important;
  max-width: 400px !important
}

.sticky-modal iframe {
  height: 620px
}

.sticky-modal .modal-content {
  padding: 28px
}

.share-report-modal {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 10px 25px #00000026;
  max-width: 500px;
  padding: 40px;
  position: relative;
  text-align: center;
  width: 90%
}

.share-report-modal h2 {
  color: #303030;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4rem
}

.share-report-modal .box {
  align-items: center;
  border-radius: 42px;
  display: flex;
  height: 54px;
  justify-content: center;
  width: 54px
}

.share-report-modal .box svg {
  height: 28px;
  width: 32px
}

.bg-gray {
  background-color: #7f7f7f
}

.bg-green {
  background-color: #25d366
}

.bg-blue {
  background-color: #0965fe
}

.bg-black {
  background-color: #000
}

.close-button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 37px;
  position: absolute;
  right: -39px;
  top: -16px;
  transition: color .2s
}

.icon-row {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px
}

.icon-row a {
  align-items: center;
  color: inherit;
  display: flex;
  flex-direction: column;
  text-decoration: none
}

.icon {
  font-size: 36px
}

.icon.email,
.icon.facebook,
.icon.twitter,
.icon.whatsapp {
  color: #fff
}

.copy-box {
  align-items: center;
  border: 1px solid #d1d1d1;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  margin: 28px 0;
  padding: 8px 12px;
  text-align: center
}

.copy-box input {
  border: none;
  width: 100%
}

.copy-box button {
  background: #0000;
  border: 0;
  color: #d8232a;
  font-weight: 600
}

.header-new {
  align-items: flex-start;
  background-color: #1f6775;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 418px;
  overflow: hidden
}

.header-left {
  flex: 1 1 400px;
  min-width: 300px
}

.header-left img {
  display: block;
  height: auto;
  max-width: 95%
}

.header-right {
  align-items: center;
  display: flex;
  flex: 1 1 400px;
  margin-top: 64px;
  text-align: left
}

.logo {
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 12px
}

.category-heading{
  font-size: 2.5rem;
  color: #ffffff;
  font-weight: 600;
}

.devider{
    display: inline-block;
    width: 2px;
    background-color: rgba(255, 255, 255, .1);
    height: 50px;
    margin-right: 15px;
}


.logo span {
  color: red
}

.heading {
  color: #fff;
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 7px;
  max-width: 650px;
  margin-top: 0px;
}

.subheading {
  color: #fff;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.6;
  max-width: 500px
}

@media (min-width:768px) and (max-width:1024px) {
  .heading {
    font-size: 4rem;
    margin-bottom: 10px
  }

  .header-right {
    margin: 10px 0
  }

  .logo {
    margin-bottom: 12px;
    padding: 0
  }
}

@media (max-width:768px) {
  .header-new {
    flex-direction: row
  }

  .subheading {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal
  }

  .header-right {
    justify-content: center;
    margin: 0 0 20px;
    order: 1;
    padding: 20px;
    text-align: center
  }

  .header-left {
    display: none;
    order: 2
  }

  .heading {
    font-size: 18px;
        font-weight: normal;
        line-height: 140%;
        margin-bottom: 0px;
  }

.heading-index{
  font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 120% !important;
        margin-bottom: 10px !important;
}
  
  .modal-content-promo{
        width: 100% !important;
        height: 100vh;
        border-radius: 0px !important;
        margin: 0px !important;
  }

  .icon-row-share{
    flex-wrap: wrap;
  }

  .modal-content-share input{
    width: 100% !important;
    margin-bottom: 18px;
  }

  .modal-content-share h6{
    font-size: 18px !important;
  }
}



.jumbotron p {
  font-weight: 400
}

.cardBox {
  background-color: #fff
}

.mb-footer--main-links .mb-footer__links {
  display: inline-block;
  padding-right: 40px !important
}

.container {
  box-sizing: border-box !important;
  width: 1340px
}

@media only screen and (min-width:320px) and (max-width:1023px) {
  .container {
    width: 100%
  }

  .container,
  .mb-container {
    padding-left: 16px;
    padding-right: 16px
  }

  .mb-container {
    width: 100% !important
  }
}

@media only screen and (min-width:320px) and (max-width:480px) {

  .mb-header__main__link,
  .mb-header__main__login,
  .mb-header__main__mb-prime {
    display: none !important
  }
}

.loading-animation {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 100%
}

.spinner {
  animation: spin 1s linear infinite;
  border: 4px solid #fbe9e9;
  border-radius: 50%;
  border-top-color: #d8232a;
  height: 40px;
  width: 40px
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease-out, transform .5s ease-out
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0)
}

.skeleton-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  height: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px
}

.skeleton-img {
  height: 180px
}

.skeleton-img,
.skeleton-title {
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  margin-bottom: 16px
}

.skeleton-title {
  height: 24px;
  width: 90%
}

.skeleton-text {
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  height: 16px;
  margin-bottom: 12px;
  width: 100%
}

.skeleton-text-short {
  width: 60%
}

.fade-in-card {
  animation: fadeIn .8s ease-in forwards;
  opacity: 0
}

@keyframes shimmer {
  0% {
    background-position: -200% 0
  }

  to {
    background-position: 200% 0
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.mb-container {
  margin: auto;
  width: 1340px
}

.pos-rel {
  position: relative
}

.mb-header * {
  box-sizing: border-box;
  font-family: Montserrat, Arial, sans-serif
}

.mb-header .bold {
  font-weight: 700
}

.mb-header .hide {
  display: none
}

.mb-header .text-right {
  text-align: right
}

.mb-header .c-gold-900 {
  color: #ffc72c
}

.mb-header__main {
  background-color: #d8232a;
  height: 50px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 75
}

.mb-header__main__section {
  display: flex;
  justify-content: space-between
}

.mb-header__main__logo {
  width: 160px
}

.mb-header__main__logo__link {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -58px -98px;
  display: inline-block;
  height: 48px;
  width: 100%
}

.mb-header__main__link {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 48px;
  max-width: 170px;
  overflow: hidden;
  padding: 0 32px 0 16px;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mb-header__main__link.active {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  color: #d8232a;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: 3
}

.mb-header__main__link.active:after {
  background-position: -11px -570px;
  top: 18px
}

.mb-header__main__link:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -12px -645px;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 10px
}

.mb-header__main__link.normal-user,
.mb-header__main__link.prime-user {
  padding-left: 48px
}

.mb-header__main__link.normal-user>span,
.mb-header__main__link.prime-user>span {
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  left: 12px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 32px
}

.mb-header__main__link.normal-user>span {
  background-color: #dff6f9;
  border: 1px solid #00c1d4;
  color: #00c1d4
}

.mb-header__main__link.prime-user>span {
  background-color: #000;
  border: 1px solid #000;
  color: #000
}

.mb-header__main__link.prime-user>span:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -1px -269px;
  content: "";
  display: inline-block;
  height: 32px;
  left: 0;
  position: absolute;
  right: 0;
  width: 32px
}

.mb-header__main__city {
  margin-left: 24px;
  position: relative
}

.mb-header__main__city__dropdown {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  box-shadow: 0 3px 9px 0 #30303033;
  display: none;
  justify-content: space-between;
  left: -155px;
  min-height: 150px;
  min-width: 948px;
  position: absolute;
  top: 48px;
  z-index: 2
}

.mb-header__main__city__dropdown.active {
  display: flex
}

.mb-header__main__city__dropdown .city-drop-row {
  display: flex;
  width: 100%
}

.mb-header__main__city__dropdown .city-drop-row .cell {
  height: 32px;
  width: 50%
}

.mb-header__main__city__dropdown .city-drop-lt {
  padding: 24px;
  width: 774px
}

.mb-header__main__city__dropdown .city-drop-rt {
  border-left: 1px solid #e8e8e8;
  padding: 24px;
  width: 204px
}

.mb-header__main__city__dropdown .city-drop-call {
  margin-right: 48px;
  width: 152px
}

.mb-header__main__city__dropdown .city-drop-call:last-child {
  margin-right: 0
}

.mb-header__main__city__dropdown .city-drop-call:hover .drop-heading {
  border-color: #d8232a
}

.mb-header__main__city__dropdown .city-drop-link-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%
}

.mb-header__main__city__dropdown .city-drop-link-group>li {
  margin-bottom: 4px;
  width: 20%
}

.mb-header__main__city__dropdown .city-drop-link-group>li>a {
  color: #303030;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mb-header__main__city__dropdown .city-drop-link-group>li>a:hover {
  color: #d8232a
}

.mb-header__main__city__dropdown .city-drop-heading {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
  margin-top: 16px;
  padding-bottom: 8px
}

.mb-header__main__city__dropdown .city-drop-heading--main {
  color: #303030;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 16px;
  padding-left: 20px;
  position: relative
}

.mb-header__main__city__dropdown .city-drop-heading--main:hover {
  color: #303030
}

.mb-header__main__city__dropdown .city-drop-heading--main:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px
}

.mb-header__main__city__dropdown .city-drop-heading--main.location-icn:after {
  background-position: -8px -510px
}

.mb-header__main__city__dropdown .city-drop-heading--main.globe-icn:after {
  background-position: -8px -541px
}

.mb-header__main__city__dropdown .city-drop-nri {
  margin-top: 24px;
  width: 100%
}

.mb-header__main__city__dropdown .city-drop-nri>li {
  margin-bottom: 12px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a {
  color: #303030;
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding-left: 34px;
  position: relative
}

.mb-header__main__city__dropdown .city-drop-nri>li>a:hover {
  color: #d8232a
}

.mb-header__main__city__dropdown .city-drop-nri>li>a:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -3px -88px;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a.us-icn:after {
  background-position: -3px -120px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a.uae-icn:after {
  background-position: -4px -150px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a.canada-icn:after {
  background-position: -3px -182px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a.australia-icn:after {
  background-position: -3px -212px
}

.mb-header__main__city__dropdown .city-drop-nri>li>a.singapore-icn:after {
  background-position: -3px -242px
}

.mb-header__main__city__dropdown .city-drop-links {
  width: 100%
}

.mb-header__main__city__dropdown .city-drop-links>li>a {
  color: #303030;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 32px
}

.mb-header__main__city__dropdown .city-drop-links>li>a:hover {
  color: #d8232a
}

.mb-header__main__city__dropdown .city-drop-link {
  color: #303030;
  font-size: 16px;
  font-weight: 500
}

.mb-header__main__city__dropdown .city-drop-search {
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  outline: none;
  padding: 0 16px;
  width: 210px
}

.mb-header__main__city__dropdown .city-drop-search__link-box {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #0000004d;
  color: #606060;
  display: none;
  font-size: 14px;
  line-height: 20px;
  min-height: 44px;
  padding: 12px 16px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 32px;
  width: 210px
}

.mb-header__main__city__dropdown .city-drop-search__link-box.active {
  display: block
}

.mb-header__main__city__dropdown .city-drop-search__links {
  display: none;
  margin: 0;
  padding: 0
}

.mb-header__main__city__dropdown .city-drop-search__links.active {
  display: block
}

.mb-header__main__city__dropdown .city-drop-search__links>li {
  margin-bottom: 4px;
  width: 100%
}

.mb-header__main__city__dropdown .city-drop-search__links>li>a {
  color: #d8232a;
  display: block;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none
}

.mb-header__main__city__dropdown .city-drop-search__links>li>a:hover {
  text-decoration: underline
}

.mb-header__main__mb-prime {
  position: relative;
  width: 120px
}

.mb-header__main .margin-left-auto {
  margin-left: auto
}

.mb-header__main__login {
  display: flex;
  min-width: 100px;
  position: relative
}

.mb-header__main__login.loggedin {
  width: 180px
}

.mb-header__main__postproperty {
  padding: 8px 0;
  width: 180px
}

.mb-header__main__postproperty>a {
  background-color: #fff;
  border-radius: 16px;
  color: #303030;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 8px 16px
}

.mb-header__main__postproperty>a:hover {
  box-shadow: 0 3px 9px 0 #30303033
}

.mb-header__main__postproperty>a .badge {
  background-color: #ffc72c;
  border-radius: 8px;
  color: #303030;
  display: inline-block;
  font-size: 10px;
  height: 16px;
  text-transform: uppercase
}

.mb-header__main__dropdown {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 3px 9px 0 #30303033;
  display: none;
  justify-content: space-between;
  left: 0;
  min-height: 50px;
  min-width: 100px;
  overflow: hidden;
  position: absolute;
  top: 47px;
  z-index: 2
}

.mb-header__main__dropdown.active {
  display: block
}

.mb-header__main__dropdown.mb-prime {
  padding: 12px 12px 24px
}

.mb-header__main__dropdown .mb-prime__block {
  background-color: #29313b;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
  text-align: center;
  width: 352px
}

.mb-header__main__dropdown .mb-prime__block__icn {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -4px -275px;
  display: inline-block;
  height: 20px;
  width: 22px
}

.mb-header__main__dropdown .mb-prime__block__heading {
  color: #fff;
  font-size: 18px;
  line-height: 40px
}

.mb-header__main__dropdown .mb-prime__block__text {
  color: #e2be86;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center
}

.mb-header__main__dropdown .mb-prime__features {
  margin: auto auto 16px;
  width: 260px
}

.mb-header__main__dropdown .mb-prime__features>li {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative
}

.mb-header__main__dropdown .mb-prime__features>li:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -8px -618px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px
}

.mb-header__main__dropdown .mb-prime-cta {
  background-color: #d8232a;
  border-radius: 32px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  margin: auto;
  text-align: center;
  width: 192px
}

.mb-header__main__dropdown .mb-prime-cta:hover {
  background-color: #c31f25
}

.mb-header__main__dropdown.mb-login {
  min-width: 240px
}

.mb-header__main__dropdown .mb-login__box {
  padding: 24px 24px 12px
}

.mb-header__main__dropdown .mb-login__box.signed-in-box,
.mb-header__main__dropdown .mb-login__box.signup-box {
  border-top: 1px solid #e8e8e8
}

.mb-header__main__dropdown .mb-login__box.signed-in-box {
  padding: 12px 24px
}

.mb-header__main__dropdown .mb-login__divider {
  height: 24px;
  position: relative
}

.mb-header__main__dropdown .mb-login__divider:before {
  background-color: #e8e8e8;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 100%
}

.mb-header__main__dropdown .mb-login__divider__label {
  background-color: #fff;
  color: #606060;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  left: 0;
  line-height: 24px;
  padding-right: 12px;
  position: absolute;
  top: 0
}

.mb-header__main__dropdown .mb-login__drop-links {
  padding: 4px 0;
  width: 100%
}

.mb-header__main__dropdown .mb-login__drop-links>li>a {
  color: #303030;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mb-header__main__dropdown .mb-login__drop-links>li>a:hover {
  color: #d8232a
}

.mb-header__main__dropdown .mb-login__drop-links>li>a .badge {
  background-color: #ffc72c;
  border-radius: 8px;
  color: #303030;
  display: inline-block;
  float: right;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin-top: 6px;
  padding: 0 8px;
  text-transform: uppercase
}

.mb-header__main__dropdown .mb-login__drop-cta {
  background-color: #d8232a;
  border-radius: 48px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 100%
}

.mb-header__main__dropdown .mb-login__drop-text-2 {
  color: #303030;
  font-size: 12px;
  line-height: 24px;
  margin-top: 12px
}

.mb-header__main__dropdown .mb-login__drop-text-2 .signup-link {
  color: #d8232a;
  font-weight: 600
}

.mb-header__main__dropdown .mb-login__drop-text-2 .signup-link:hover {
  text-decoration: underline
}

.mb-header__sub {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  height: 40px;
  left: 0;
  position: fixed;
  top: 0;
  transition: all .3s;
  width: 100%;
  z-index: 74
}

.mb-header__sub.active {
  top: 48px
}

.mb-header__sub__tabs {
  display: flex;
  width: 100%
}

.mb-header__sub__tabs>li {
  height: 40px;
  padding-right: 40px;
  position: relative
}

.mb-header__sub__tabs>li.active {
  padding-top: 4px
}

.mb-header__sub__tabs>li>a {
  border: 1px solid #fff;
  color: #303030;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 32px 7px 16px;
  position: relative;
  text-decoration: none;
  transition: none
}

.mb-header__sub__tabs>li>a.active {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -7px 6px 0 #3030301a;
  color: #d8232a;
  padding: 6px 32px 10px 16px;
  z-index: 1
}

.mb-header__sub__tabs>li>a.active:after {
  background-position: -11px -570px;
  top: 12px;
  transform: rotate(1turn)
}

.mb-header__sub__tabs>li>a:after {
  background: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg) no-repeat -11px -570px;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 15px;
  transform: rotate(180deg);
  width: 10px
}

.mb-header__sub__tabs__dropdown {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 3px 9px 0 #30303033;
  display: none;
  justify-content: space-between;
  left: 0;
  min-height: 50px;
  min-width: 200px;
  padding: 24px 24px 36px;
  position: absolute;
  top: 40px
}

.mb-header__sub__tabs__dropdown.resource-drop {
  width: 440px
}

.mb-header__sub__tabs__dropdown .swiper-container {
  max-width: 998px
}

.mb-header__sub__tabs__dropdown#buyDrop .swiper-container {
  width: 998px
}

.mb-header__sub__tabs__dropdown#rentDrop .swiper-container {
  width: 792px
}

.mb-header__sub__tabs__dropdown__view-more {
  bottom: 12px;
  color: #303030;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  left: 45%;
  line-height: 24px;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  width: 10%
}

.mb-header__sub__tabs__dropdown__view-more.active {
  display: inline-block
}

.mb-header__sub__tabs__dropdown__view-more:hover {
  text-decoration: none
}

.mb-header__sub__tabs__dropdown__swiper {
  position: relative;
  width: 100%
}

.mb-header__sub__tabs__dropdown .swiper-button-next,
.mb-header__sub__tabs__dropdown .swiper-button-prev {
  background-clip: padding-box;
  background-color: #fff;
  background-image: none;
  border-radius: 50%;
  box-shadow: 0 3px 9px 0 #3333;
  height: 32px;
  outline: none;
  text-align: center;
  width: 32px;
  z-index: 2
}

.mb-header__sub__tabs__dropdown .swiper-button-next.swiper-button-disabled,
.mb-header__sub__tabs__dropdown .swiper-button-prev.swiper-button-disabled {
  background-color: #d7d7d7;
  cursor: default;
  opacity: .4;
  pointer-events: auto
}

.mb-header__sub__tabs__dropdown .swiper-button-next.swiper-button-disabled:after,
.mb-header__sub__tabs__dropdown .swiper-button-prev.swiper-button-disabled:after {
  border-color: #909090;
  left: 11px !important
}

.mb-header__sub__tabs__dropdown .swiper-button-next {
  right: -16px;
  top: calc(50% - 16px)
}

.mb-header__sub__tabs__dropdown .swiper-button-next:after {
  border-right: 2px solid #303030;
  border-top: 2px solid #303030;
  content: "";
  display: block;
  height: 6px;
  left: 11px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  transition: all .1s;
  width: 6px
}

.mb-header__sub__tabs__dropdown .swiper-button-next:hover:after {
  left: 13px
}

.mb-header__sub__tabs__dropdown .swiper-button-prev {
  left: -16px;
  top: calc(50% - 16px);
  transform: rotate(-180deg)
}

.mb-header__sub__tabs__dropdown .swiper-button-prev:after {
  border-right: 2px solid #303030;
  border-top: 2px solid #303030;
  content: "";
  display: block;
  height: 6px;
  left: 11px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  transition: all .1s;
  width: 6px
}

.mb-header__sub__tabs__dropdown .swiper-button-prev:hover:after {
  left: 13px
}

.mb-header__sub__tabs__dropdown.right-aligned {
  border-radius: 8px 0 8px 8px;
  left: auto;
  right: 48px
}

.mb-header__sub__tabs__dropdown.active {
  display: block
}

.mb-header__sub__tabs__dropdown .drop-row {
  display: flex;
  width: 100%
}

.mb-header__sub__tabs__dropdown .drop-call {
  margin-right: 44px;
  width: 165px
}

.mb-header__sub__tabs__dropdown .drop-call:last-child {
  margin-right: 0
}

.mb-header__sub__tabs__dropdown .drop-call:hover .drop-heading {
  border-color: #d8232a
}

.mb-header__sub__tabs__dropdown .drop-heading {
  border-bottom: 1px solid #e8e8e8;
  color: #303030;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  overflow: hidden;
  padding-bottom: 8px;
  text-overflow: ellipsis;
  transition: all .3s;
  white-space: nowrap
}

.mb-header__sub__tabs__dropdown .drop-links {
  width: 100%
}

.mb-header__sub__tabs__dropdown .drop-links>li.divider {
  border-top: 1px solid #e8e8e8;
  margin-top: 24px;
  padding-top: 12px
}

.mb-header__sub__tabs__dropdown .drop-links>li>a {
  color: #303030;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mb-header__sub__tabs__dropdown .drop-links>li>a .offer {
  background-color: #ffc72c;
  border-radius: 4px;
  color: #303030;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  padding: 4px
}

.mb-header__sub__tabs__dropdown .drop-links>li>a:hover {
  color: #d8232a
}

.mb-header__sub__tabs__dropdown .drop-links>li>a .badge {
  background-color: #ffc72c;
  border-radius: 8px;
  color: #303030;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  height: 16px;
  line-height: 18px;
  padding: 0 8px;
  text-transform: uppercase
}

.mb-header__sub__tabs__dropdown .drop-links>li>a.see-all {
  color: #d8232a;
  font-weight: 500
}

.mb-header__sub__tabs__dropdown .drop-links>li>a.see-all .see-all-arrow {
  background-color: #d8232a;
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: 3px;
  width: 11px
}

.mb-header__sub__tabs__dropdown .drop-links>li>a.see-all .see-all-arrow:after {
  border: 1px solid #d8232a;
  border-bottom: 0;
  border-left: 0;
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  top: -3px;
  transform: rotate(45deg);
  width: 6px
}

.mb-header__sub__tabs__dropdown .drop-label-text {
  color: #909090;
  font-size: 12px;
  line-height: 16px
}

.mb-header__sub__tabs__dropdown .drop-label-text>.email-link {
  color: #909090;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline
}

.mb-header__sub__tabs__dropdown .drop-label-text>.email-link:hover {
  color: #d8232a;
  text-decoration: none
}

.mb-header__sub__tabs__dropdown .drop-link {
  color: #303030;
  font-size: 16px;
  font-weight: 500
}

.mb-header__sub__tabs__dropdown__payrentBanner {
  background: #afeaef url(https://cdn.staticmb.com/magicservicestatic/images/dropdown__payrentBanner.png) no-repeat 0 100%;
  border-radius: 8px;
  height: 140px;
  margin: 0 0 16px;
  padding: 20px 20px 0 150px;
  position: relative;
  text-align: right;
  width: 352px
}

.mb-header__sub__tabs__dropdown__payrentBanner__heading {
  color: #303030;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 12px
}

.mb-header__sub__tabs__dropdown__payrentBanner__heading .semi-bold {
  font-weight: 600
}

.mb-header__sub__tabs__dropdown__payrentBanner__heading .bold {
  font-weight: 700
}

.mb-header__sub__tabs__dropdown__payrentBanner__heading .amount-text {
  color: #d8232a
}

.mb-header__sub__tabs__dropdown__payrentBanner__tnc-text {
  bottom: 6px;
  color: #cacaca;
  font-size: 10px;
  left: 24px;
  line-height: 12px;
  position: absolute
}

.mb-header__sub__tabs__dropdown__payrentBanner__subheading {
  color: #303030;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4
}

.mb-header__sub__tabs__dropdown__payrentBanner__price {
  color: #d8232a;
  display: inline-block;
  font-weight: 700
}

.mb-header__sub__tabs__dropdown__payrentBanner__ul {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  margin: auto;
  width: 308px
}

.mb-header__sub__tabs__dropdown__payrentBanner__li {
  padding-bottom: 12px;
  padding-left: 20px;
  position: relative
}

.mb-header__sub__tabs__dropdown__payrentBanner__li:before {
  border: 2px solid #009681;
  border-right: 0;
  border-top: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 10px
}

.mb-header__sub__tabs__dropdown__payrentBanner__cta {
  background-color: #d8232a;
  border-radius: 32px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin: 12px auto 0;
  text-align: center;
  width: 192px
}

.mb-footer {
  display: block
}

.mb-footer * {
  box-sizing: border-box;
  font-family: Montserrat, Arial, sans-serif
}

.mb-footer__main {
  background-color: #f5f5f5;
  min-height: 200px;
  padding: 38px 0;
  width: 100%
}

.mb-footer__main__section {
  display: flex
}

.mb-footer__main__social-links {
  display: flex;
  margin-top: 32px;
  width: 100%
}

.mb-footer__main__social-links>li>a {
  background-image: url(https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg);
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px
}

.mb-footer__main__social-links .google-play {
  background-position: -59px 0;
  height: 32px;
  width: 120px
}

.mb-footer__main__social-links .apple-store {
  background-position: -187px 0;
  height: 32px;
  margin-right: 44px;
  width: 120px
}

.mb-footer__main__social-links .facebook {
  background-position: -59px -52px;
  height: 32px;
  width: 32px
}

.mb-footer__main__social-links .twitter {
  background-position: -99px -52px;
  height: 32px;
  width: 32px
}

.mb-footer__main__social-links .linkedin {
  background-position: -139px -52px;
  height: 32px;
  width: 32px
}

.mb-footer__main__social-links .youtube {
  background-position: -179px -52px;
  height: 32px;
  width: 32px
}

.mb-footer__main__left {
  padding-right: 92px;
  width: 49%
}

.mb-footer__main__right {
  width: 51%
}

.mb-footer__main__right__link {
  color: #303030;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
  position: relative;
  text-decoration: none
}

.mb-footer__main__right__link:hover {
  text-decoration: underline
}

.mb-footer__main__right__link:after {
  background-color: #606060;
  content: "";
  display: inline-block;
  height: 12px;
  position: absolute;
  right: -8px;
  top: 4px;
  width: 1px
}

.mb-footer__main__right__link:last-child:after {
  display: none
}

.mb-footer__main__right__content-1 {
  margin-bottom: 34px
}

.mb-footer__main__title {
  color: #303030;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 16px;
  width: 100%
}

.mb-footer__main__content {
  color: #303030;
  font-size: 14px;
  line-height: 24px;
  width: 100%
}

.mb-footer__secondary {
  background-color: #e8e8e8;
  min-height: 48px;
  width: 100%
}

.mb-footer__secondary__links {
  display: flex;
  justify-content: space-around;
  width: 100%
}

.mb-footer__secondary__links>li {
  padding-right: 28px
}

.mb-footer__secondary__links>li>a {
  color: #303030;
  display: inline-block;
  font-size: 14px;
  line-height: 48px
}

.mb-footer__secondary__links>li>a:hover {
  color: #d8232a
}

.mb-footer__disclaimer {
  background-color: #f5f5f5;
  color: #606060;
  font-size: 12px;
  line-height: 18px;
  padding: 16px 0;
  width: 100%
}

.mb-footer__disclaimer__more:hover {
  cursor: pointer;
  text-decoration: underline
}

.mb-footer__copyright {
  background-color: #303030;
  color: #fff;
  font-size: 10px;
  height: 40px;
  line-height: 40px;
  width: 100%
}

body.mb-content {
  line-height: 1.5;
  padding-top: 38px
}

.pagination-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 20px 16px
}

.pagination-btn {
  align-items: center;
  background-color: #fff;
  border: 0 solid #ddd;
  border-radius: 28px;
  column-gap: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  transition: background-color .2s ease
}

.pagination-btn:hover {
  background-color: #f0f0f0
}

.pagination-btn.active {
  background-color: #d8232a;
  border-color: #d8232a;
  border-radius: 28px;
  color: #fff;
  padding: 8px 16px
}

.pagination-btn:disabled {
  background-color: #fff;
  cursor: not-allowed;
  opacity: .7
}

.filters {
  align-items: center;
  color: #606060;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 15px;
  justify-content: center;
  margin: 24px auto
}

@media only screen and (min-width:320px) and (max-width:768px) {
  .category-tabs .nav-link {
    font-size: 14px;
    padding: 10px 13px !important
  }

  .logo img {
    width: 170px
  }

  .filters {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
    max-width: 360px
  }

  .select-box {
    border-radius: 22px;
    width: 104px !important
  }

  .item-1 {
    text-align: center
  }

  .item-1,
  .item-5 {
    flex: 0 0 100%
  }

  .item-2,
  .item-3,
  .item-4 {
    box-sizing: border-box;
    flex: 1 1 30.33%
  }
}

.filters select {
  border: 1px solid #ccc;
  padding: 8px 12px
}

.category-tabs {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 14px #0000001a;
  justify-content: space-around;
  margin: -30px auto 0;
  overflow: hidden;
  width: 1050px;
  height: 56px;
  justify-content: center;
}

.category-tabs,
.category-tabs .nav-tabs {
  align-items: center;
  display: flex;
  position: relative;
}

.category-tabs .nav-tabs {
  color: #303030;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%
}

.category-tabs .nav-item {
  margin-bottom: -2px
}

.category-tabs .nav-link {
  background-color: initial;
  border: none;
  color: #303030;
  cursor: pointer;
  font-weight: 500;
  padding: 16px 20px;
  font-size: 16px;
  transition: color .3s ease
}

.category-tabs .nav-link:hover {
  color: #d8232a
}

.category-tabs .nav-link.active {
  background-color: initial;
  border: none;
  color: #d8232a;
  font-weight: 600;
  border-bottom:3px solid;
}

.category-tabs .indicator {
  background-color: #d8232a;
  border-radius: 2px 2px 0 0;
  bottom: 0;
  height: 3px;
  left: 0;
  margin: 0;
  position: absolute;
  z-index: 2
}

 .filter-group {
  display: flex;
  flex-direction: row;
  gap: 14px; /* vertical spacing between filters */
}

.shade-white{
  display: none;
}

.nav-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media (max-width:768px) {
  .mb-header__main__postproperty {
    position: relative;
    width: auto
  }

  .filters select{
    width: 100% !important;
  }

  .filter-group {
  display: flex;
  flex-direction: row;
  gap: 0.9rem; /* vertical spacing between filters */
}

  .category-tabs:before,
  .mb-header__main__postproperty>a .badge {
    position: absolute;
    right: 0;
    top: 0
  }

  .shade-white {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 40px;
  height: 100%;
  background: linear-gradient(to left, white, transparent);
  pointer-events: none; /* allows clicks through to nav */
  }

  .category-tabs .nav-tabs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;
    scrollbar-width: none
  }
}

@media (max-width:768px) {
  .category-tabs .nav-tabs::-webkit-scrollbar {
    display: none
  }

  .category-tabs .nav-item {
    flex: 0 0 auto
  }
}

.insdCard {
  transition: opacity .3s ease
}

.select-box {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 22px;
  color: #303030;
  font-size: 14px;
  padding: 10px;
  transition: all .3s ease;
  width: 120px
}

.p-dropdown-panel {
  background: #fff;
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 #0000001a;
  color: #4b5563;
  max-width: 200px
}

.p-dropdown-panel .p-dropdown-items li {
  padding: 4px 12px
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
  margin-top: 0
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
  background: #f3f4f6;
  color: #4b5563
}

.p-ink {
  background: #ffffff80;
  border-radius: 100%;
  display: block;
  position: absolute;
  transform: scale(0)
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  background: #0000;
  border: 0;
  border-radius: 0;
  color: #4b5563;
  margin: 0;
  padding: .75rem 1.25rem;
  transition: box-shadow .2s
}

.p-dropdown-item {
  cursor: pointer;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.filters select {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  font-family: Montserrat;
  border-radius: 22px;
  color: #303030;
  font-size: 14px;
  padding: 10px;
  transition: all .3s ease;
  width: 120px;
}

.filters select:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 .2rem #007bff40;
  outline: none
}

.filters select option:disabled {
  background-color: #f8f9fa;
  color: #ccc;
  cursor: not-allowed
}

.filters select option:not(:disabled):hover {
  background-color: #e9ecef
}

@media (max-width:768px) {
  .filters .row>div {
    margin-bottom: 15px
  }
}

.btn-row {
  display: flex;
  justify-content: space-between;
  margin-top: 15px
}

.btn-row .btn {
  flex: 1 1
}

.btn-row .btn:not(:last-child) {
  margin-right: 10px
}

.view-report-btn {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
  transition: all .3s ease
}

.view-report-btn:hover {
  background-color: #0069d9;
  border-color: #0062cc
}

.modal-overlay {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

.modal-iframe:before,
.modal-pdf:before {
  color: #666;
  content: "Loading...";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0
}

.modal-iframe iframe {
  border: none;
  height: 500px;
  transition: height .3s ease;
  width: 100%
}

.modal-iframe iframe,
.modal-pdf iframe {
  background-color: #fff;
  position: relative;
  z-index: 1
}


.modal-pdf iframe{
  height: 87vh;
}

.sticky-download-btn {
  align-items: center;
  background-color: #d32f2f;
  background: linear-gradient(0deg, #90181c, #d8232a 35%);
  border: 0;
  border-radius: 16px 0 0 16px;
  bottom: 40px;
  box-shadow: 0 8px 24px #0003;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: sans-serif;
  font-size: 16px;
  padding: 12px 14px;
  position: fixed;
  right: -120px;
  transition: right .3s ease-in-out;
  z-index: 10
}

.sticky-download-btn:hover {
  right: 0
}

.button-content {
  align-items: center;
  display: flex;
  gap: 10px
}

.icon {
  align-self: center;
  display: flex;
  font-size: 18px;
  justify-content: center
}

.text {
  text-wrap: auto;
  line-height: 116%;
  white-space: normal;
  width: 106px
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.348 3.125 4.479 4.304.173.167.173-.167 4.479-4.304 1.014 1.336-5.18 4.976L6 9.904l-.486-.467-5.18-4.976 1.014-1.336Z' fill='%23909090' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 40px 10px 15px
}

@media (max-width:768px) {
  .select-box {
    padding: 8px 10px
  }

  .main-contentbx {
    flex-direction: column;
    padding: 0 0 50px;
    width: 100%
  }

  .main-contentbx h1 {
    font-size: 28px;
    line-height: normal
  }

  .main-contentbx p {
    font-size: 16px;
    line-height: 150%;
    margin: 0;
    padding: 0
  }

  .headerleft {
    padding-top: 2rem;
    width: 90vw
  }

  .boxone {
    border-radius: 16px;
    margin: 0;
    min-height: auto;
    padding: 26px;
    transform: rotate(0deg);
    width: 100%
  }

  .box1,
  .boxone:before,
  .dreport,
  .viewreport {
    display: none
  }

  .headerright {
    align-items: start;
    justify-content: start;
    margin: 0
  }
  

  .category-tabs {
    -ms-overflow-style: none;
    background-color: #fff;
    box-shadow: 0 2px 5px #0000001a;
    height: 48px;
    overflow-x: auto;
    padding: .5rem 0;
    scrollbar-width: none;
    white-space: nowrap;
    width: 94%;
    position: relative;
  }

  .nav-inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  overflow-x: auto;
}

  .horizontal-nav::-webkit-scrollbar {
    display: none
  }

  .nav-tabs {
    display: flex;
    gap: .5rem;
    justify-content: start;
    list-style: none;
    margin: 0;
    padding: 0
  }

  .nav-tabs li a {
    border-radius: 20px;
    color: #333;
    display: inline-block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: background .3s, color .3s;
    white-space: nowrap
  }

  .nav-tabs li a.active,
  .nav-tabs li a:hover {
    background-color: #007bff;
    color: #fff
  }
}

.clear-all-btn {
  background-color: #fff;
  border: none;
  border-radius: 4px;
  color: #d8232a;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 12px;
  text-decoration: underline
}

.clear-all-btn:hover {
  background-color: #fff;
  color: #d8232a;
  text-decoration: none
}

.modal-overlay {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.modal-container {
  height: 90vh;
  max-width: 1200px;
  width: 90%
}

.modal-container,
.modal-container-contact {
  position: relative
}

.modal-container-contact .close-button {
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: -38px;
  top: -21px
}

.modal-container-contact .modal-iframe {
  padding-top: 28px
}

#modalContent {
  min-height: 500px
}

.modal-container .close-button {
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: -38px;
  top: -21px
}

.modal-content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 15px #0000004d;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.modal-header {
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  padding: 26px 24px 26px 0
}

.modal-header h2 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0
}

.close-button:hover {
  color: #fff
}

.modal-body {
  display: flex;
  flex: 1 1;
  overflow: hidden;
  padding: 0
}

.modal-iframe,
.modal-pdf {
  flex: 1 1;
  height: 100%;
  overflow: hidden;
  position: relative
}

.modal-pdf {
  padding-left: 16px
}

.modal-iframe {
  border-right: 1px solid #e0e0e0;
  max-width: 402px;
  padding: 32px
}

.pdf-error,
.pdf-not-available {
  align-items: center;
  background-color: #f5f5f5;
  color: #666;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 20px;
  text-align: center
}

.pdf-error p,
.pdf-error:before,
.pdf-not-available p {
  font-size: 16px;
  margin-bottom: 10px
}

.pdf-error:before {
  content: "Error loading PDF. Please try downloading the report instead."
}

@media (max-width:768px) {
  .modal-overlay {
    top: 53px
  }

  .share-report-modal {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 25px #00000026;
    max-width: 500px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 90%
  }

  .share-report-modal box p {
    font-size: 12px
  }

  .share-report-modal h2 {
    color: #303030;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4rem
  }

  .share-report-modal .box {
    align-items: center;
    border-radius: 42px;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
  }

  .share-report-modal .box svg {
    height: 28px;
    width: 32px
  }

  .share-report-modal .box p {
    font-size: 12px !important
  }

  .modal-header h2 {
    padding-left: 16px;
    max-width: 322px;
  }
  

  .modal-body {
    display: block;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll
  }

  .modal-pdf {
    padding: 0
  }

  .modal-iframe,
  .modal-pdf {
    height: 100%
  }

  .modal-pdf {
    top: 0
  }

  .modal-iframe,
  .modal-pdf {
    height: 522px;
    position: absolute;
    width: 100%
  }

  .modal-iframe {
    border-bottom: 1px solid #e0e0e0;
    border-right: none;
    top: 510px
  }

  .modal-container,
  .modal-container-contact {
    border-radius: 0;
    height: 100vh;
    max-height: 100vh;
    width: 100vw
  }

  .modal-body,
  .modal-iframe {
    height: auto
  }

  .modal-content {
    border-radius: 0 !important
  }

  .close-button {
    color: #606060 !important;
    font-size: 5rem !important;
    right: 11px !important;
    top: 6px !important;
    z-index: 10 !important
  }

  .sticky-modal {
    border-radius: 0;
    height: 100vh !important;
    max-height: 100vh;
    width: 100vw
  }

  .sticky-modal .modal-body {
    padding-top: 20px
  }

  .report-container{
    display: block !important;
    overflow: scroll !important;
  }

  body{
    overflow: scroll !important;
  }

  .modal iframe{
    height: 100vh !important;
  }

  .category-heading{
    font-size: 3.5rem;
  }

  .logo{
    flex-direction: column;
  }
  .devider{
    height: 1px;
    width: 40px;
    margin: 8px 0px;
  }
}

.promo-banner {
  background-color: #fff;
  border: 1px solid #ddddd3;
  border-radius: 20px;
  bottom: -100px;
  box-shadow: 0 0 20px #00000017;
  cursor: pointer;
  left: 50%;
  padding: 8px;
  position: fixed;
  transform: translateX(-50%);
  transition: bottom .3s ease-in-out;
  width: 787px;
  z-index: 1;
  z-index: 2
}

.promo-banner.show {
  bottom: 20px
}

.promo-banner-container {
  align-items: center;
  background-color: #fffcf2;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding: 12px 80px
}

.promo-text {
  align-items: center;
  color: #333;
  display: flex;
  flex: 1 1;
  font-size: 17px;
  font-weight: 600;
  gap: 10px
}

.promo-button {
  background-color: #d8232a;
  border: none;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 13px 20px
}

.promo-button:hover {
  background-color: #97211d
}

@media (max-width:768px) {
  .promo-banner {
    max-width: 90vw
  }

  .promo-banner-container {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0
  }

  .promo-text {
    font-size: 1em;
    margin-bottom: 6px
  }

  .promo-button {
    font-size: 1em;
    padding: 9px 20px;
    width: 100%
  }

  .promo-icon {
    align-items: center;
    display: flex;
    justify-content: center
  }
}


header {
  background: #d8232a;
}

body .dataContainer {
  background: #d8232a;
}


.mobile-footer {display: none;}
.mobile-footer h6 {margin: 0px;margin-bottom: 15px;}



.header1 {background: url(../img/ele.jpg) repeat-x left top;width: 100%;height:150px;background-size: cover; display: table;}
.jumbotron {text-align:center;padding:0;position: relative;z-index: 2;margin:0;height:150px;display: table-cell;vertical-align: middle;}
.jumbotron h1 {color: #fff;font-size:32px;font-weight: 600;padding: 0;margin:6px 0 0 0;padding:0;}
.jumbotron p {color: #fff;font-size: 16px;font-weight: 500;padding: 0;margin: 0; line-height: 2.5;}
html {
    scroll-behavior: smooth;
  }

.featuredBx {background:#fbe9e9;padding: 50px 0;width:100%}
.featuredBx .img {border-radius:8px; border:1px solid #fbf0f0;}
.featuredBx span.txt {position:absolute;top:0;left:0;background-color: rgba(0, 0, 0, 0.46);width: 146px; height: 24px;line-height:24px;font-size: 12px;font-weight: 600;color:#fff;text-align: center;border-radius:9px 0 9px 0}


.featuredBx h1{font-size: 24px;color: #000000;font-weight: 700;margin:30px 0 11px 0;line-height:25px}
.featuredBx h4{font-size: 18px;color: #000000;font-weight: 600;position: relative;margin:0;padding: 3px 0 0 14px}
.featuredBx h4:after {content: "";position: absolute; height:22px;border-left: solid 2px #d8232a;left:0;top:-2px;}
.featuredBx h5{font-size: 18px;color: #000000;font-weight: 400;line-height:22px;padding: 0 15% 0 0;}
.featuredBx h6{font-size: 14px;color: #000000;font-weight: 600;margin:20px 0 12px 0}
.featuredBx h6 span {display:block;color: #606060;font-size:12px;font-weight: 400;margin:4px 0 0}
.featuredBx p {font-size: 16px; font-weight: normal;color: #606060;line-height: 1.5;margin:14px 0}
.featuredBx .box {margin:0 0 0 30px}
.button {width: 142px;height:36px;border-radius: 36px;background:none;font-size: 16px;float: left;
font-weight: 600;color:#ffffff;line-height:36px;text-align:center;display:block;transition: .2s;}
.button:hover {background:#d8232a;color:#fff;}
.button1 {border-radius: 36px;background-color: #D8232A;border:none;}
.download {color: #303030;font-size: 12px;float: left;font-weight: 600;display: block;position: relative;width:100px;padding:0 0 0 0}
.downloadicon {width:23px;height:23px;background:#1bb814;border-radius:50%;display:block;margin:0 auto 2px auto}
.downloadicon:before {content: "";position: absolute;left:25px;top:6px;width:8.3px;height:12.1px;background: url(../img/down-arrow.svg) no-repeat  top;background-size: cover;}
.cardBox {padding: 0px 0 0px 0;}
.cardBox .download:hover .downloadicon:before{transition: all 0.8s;animation: jello 0.8s ease-in-out;animation-iteration-count: infinite;}
.featuredBx .download:hover .downloadicon:before{transition: all 0.8s;animation: jello 0.8s ease-in-out;animation-iteration-count: infinite;}
@keyframes jello {
0% {top:0px;opacity: 0;}
50% {top:8px;opacity: 1;}
100% {top:20px;opacity: 0;}
}

.pad-10{
  padding: 0px 9px;
}

.featuredBx .download {width:auto;margin:23px 0px 0 0}
.resizeimgs{
  background-image: url(../../src/img1/img-icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  width: 318px;
  height: 196px;
  overflow: hidden;
  background-color: #f4f4f4;
}

.resizeimgs img{
  width: 100%;
  height: 196px;
}

.card-info-data-left {
  display: flex
;
  flex-direction: row;
  column-gap: 12px;
  align-items: center;
  justify-content: center;
}

.card-info-data-right .share{
  border: 0px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-info-data-right .share:hover .share-icon{
  fill: #D8232A;
}

.card-info-data{
  margin: 0px 0px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-repot-cat{
  background-color: #F0F0F0;
  border: 1px solid #D8D8D8;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 10px;
  color: #606060;
  padding: 0px 8px;
}

.info-report-publish{
  color: #606060;
  font-size: 12px;
}

.mbox .box{
  padding: 16px 24px 0px 24px;
}

.hide-after-one-lines {
  display: -webkit-box;
  -webkit-line-clamp: 1;    /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hide-after-two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;    /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.hide-after-three-lines {
  display: -webkit-box;
  -webkit-line-clamp: 5;    /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cardBox .img {border-radius:8px 8px 0 0}
.cardBox span.txt {position:absolute;top:0;left:0;background-color: rgba(0, 0, 0, 0.46);width:122px; height: 24px;line-height:24px;font-size: 11px;font-weight: 600;color:#fff;text-align: center;border-radius:9px 0 9px 0}
.cardBox h2{font-size:18px;color: #000000;font-weight: 600;margin:0px 0 6px 0;line-height:23px;

}
.cardBox h5{font-size: 18px;color: #000000;font-weight: 400;line-height:22px;padding: 0 15% 0 0;}
.cardBox h6{font-size: 14px;color: #000000;font-weight: 600;}
.cardBox h6 span {display:block;color: #606060;font-size:12px;font-weight: 400;margin:4px 0 0}
.cardBox p {font-size: 12px; font-weight: normal;color: #000000;line-height:150%;margin:0px 0 0px 0; font-weight: 500; margin-top: 10px;}
.cardBox .download {display: flex
  ;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      row-gap: 1px;
      border: none;
      background: no-repeat;
    font-size: 14px;
  color: #303030;}
.cardBox .mbox {transition: all .2s;margin:0 0 40px 0; height: 426px; border: 1px solid #D8D8D8; border-radius: 8px; overflow: hidden; position: relative; cursor: pointer;}
.cardBox .mbox:hover {box-shadow: 0 6px 15px 0 rgba(0,0,0,0.2);border-radius:8px;    transform: translateY(-4px);}


.topmargin {clear: both;height:49px;margin:0 !important;}
.pagination {margin:0px 0px 45px 0px;text-align: center;display: flex;justify-content: center;   }
.pager li, .pagination>li a {color:#333333;font-size: 14px; transition: all .4s;border-radius: 50%;}
.pager li, .pagination>li.active a{background-color: #d8232a;border-color: #d8232a;border-radius: 50%;}
.pager li, .pagination>li a:hover{background-color: #d8232a;border-color: #d8232a;border-radius: 50%;color:#fff}
.pager li, .pagination>li:first-child a{background:none;color:#333333; border-radius: 12px;}
.pager li, .pagination>li:last-child a{background:none;color:#333333; border-radius: 12px;}
.pagination>li>a, .pagination>li>span {border:none;}
.pagination>li>a, .pagination>li>span {padding:4px 10px;}

.mailbox {text-align:center;margin:40px 4px 16px 0;font-size: 14px;color: #000000;}
.mailbox a {font-size: 14px;color: #000000;}

.page {display: none;}
.page-active {display: block;}


html {scroll-behavior: smooth;}
.cardBox .insdCard .col-lg-4:nth-child(4) {clear: left;}
.insdCard .botmTxt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px 20px;
  display: flex;
      align-items: center;
      justify-content: space-between;
}

body header.main-header {background: #d8232a;}
body .dataContainer {background: #d8232a;}


@media only screen and (min-width:320px) and (max-width:1023px) {
.container {width:100%;padding-right: 16px;padding-left: 16px;}
body {background-color:#ffffff !important;}
footer {display: none;}
.mobile-footer {display: block;background: #202730;margin-top: 16px;color: #666;font-size: 12px;text-align: center;padding: 20px 0px;overflow: hidden;margin:0;}
.mobile-footer h6, .mobile-footer a {color: #FFF;}
#footer {display: none !important;}
header.main-header .headerRightCont {display:none;}
header.main-header .logo {margin: 8px 0 0 15px;}
.header1, .jumbotron {height:77px;}
.jumbotron p {font-size: 12px;margin:0;line-height: 19px;}
.jumbotron h1 {font-size: 18px;margin:0;}
.button {margin:27px 10px 0 0;}
.button1 { height: 39px;margin:0px 0 0 0;padding:0 0 0 3px;line-height: 39px;}
.featuredBx {padding:30px 0}
.featuredBx .box {margin:16px 0 0 0;width:100%}
.featuredBx .img {width:100%;height:auto; transform: translate(0, -51px);}
.featuredBx h1{font-size: 18px;font-weight: 600;margin:17px 0 8px 0}
.featuredBx h4 {font-size: 14px;padding:2px 0 0 8px;}
.featuredBx h6 {margin:16px 0 0 0}
.featuredBx h5 {font-size: 14px;line-height: 16px;}
.featuredBx p {font-size: 14px;display:none;}
.featuredBx h4:after {height: 15px;border-left: solid 2px #d8232a;top:0;}
.mailbox a {font-size:10px}
.download {float: right;margin:29px 0 0 0;width: 60px;}
.cardBox {padding: 30px 0 0 0;}
.cardBox .img {width: 100%;height: auto;}
.cardBox .box {width: 100%;padding:12px;min-height:auto; padding: 16px;}
.nopadding {margin:0 16px !important}
.mailbox {text-align: center;margin:0px 16px 10px 16px;width: 92%;line-height:16px;font-size:10px}
.cardBox .mbox {margin:auto;position: relative;width:100%; padding: 0 0 0px 0; margin-bottom: 24px; height: 420px; } 
.cardBox .mbox:hover {box-shadow:inherit !important}
.pagination {text-align: inherit;display:block;}
.cardBox h1{font-size: 16px;font-weight: 600;margin:0;line-height:22px;}
.cardBox h6 {font-size: 14px;}
.cardBox h5 {font-size: 14px;}
.cardBox p {font-size: 14px;margin:7px 0 22px 0;line-height:19px;}
.cardBox h6 span {margin:7px 0 0}
.row {margin:0}
.featuredBx span.txt {width:136px;height: 20px;line-height: 19px;text-transform: uppercase;padding: 0;margin: 0;font-size: 10px;}
.cardBox span.txt {width:120px}
.topmargin {height: 0;}
.resizeimg {width:100%;height:135px;overflow: hidden;border-radius: 9px}
.resizeimgs {width:100%;height:196px;overflow: hidden;border-radius: 9px 9px 0 0}
.cardBox .download {margin:0px 0px 0 0}
.pagination>li>a, .pagination>li>span {margin-right: 8px;}
.pager li, .pagination>li a:hover {background:none;border:none;color:#333}
.pager li, .pagination>li.active a:active {background-color: #d8232a;border-color: #d8232a;border-radius: 50%;color:#fff}
.page {display: block;}
.page-active {display: block;}
.insdCard .botmTxt {position: static; padding: 0; justify-content: flex-start; gap: 44px;}
}

@media only screen and (min-width:320px) and (max-width:359px) {
.pagination>li>a, .pagination>li>span {margin-right: 4px;}
}


.pagination-controls {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.pagination-controls button {
align-items: center;
    background-color: #fff;
    border: 0 solid #ddd;
    border-radius: 28px;
    column-gap: 14px;
    cursor: pointer;
    display: flex
;
    justify-content: center;
        width: 32px;
    height: 32px;
    transition: background-color .2s ease;
}

.pagination-controls a {
align-items: center;
    background-color: #fff;
    border: 0 solid #ddd;
    border-radius: 28px;
    column-gap: 14px;
    cursor: pointer;
    display: flex
;
    justify-content: center;
        width: 32px;
    height: 32px;
    transition: background-color .2s ease;
}

.pagination-controls button.active {
background-color: #d8232a;
    border-color: #d8232a;
    border-radius: 28px;
    color: #fff;
    width: 32px;
    height: 32px;
 
}

.pagination-controls a.active {
background-color: #d8232a;
    border-color: #d8232a;
    border-radius: 28px;
    color: #fff;
    width: 32px;
    height: 32px;
 
}


.pagination-controls li.active a {
background-color: #d8232a;
    border-color: #d8232a;
    color: #fff !important;
    border-radius: 28px;
    width: 32px;
    height: 32px;
 
}

.pagination-controls li.active a{
color: #fff !important;
 
}

.pagination-controls button.prev-btn, .pagination-controls a.prev-btn, .pagination-controls button.next-btn, .pagination-controls a.next-btn{
  width: auto;
  padding: 0px 8px;
}

.pagination-controls button:hover:not(.active) {
  background-color: #e0e0e0;
}

/* .pagination-controls a:hover:not(.active) {
  background-color: #e0e0e0;
} */



.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100vw; height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  position: relative;
  margin: 2% auto;
  background: white;
  width: 90%;
  max-width: 1200px;
  padding: 0px;
  border-radius: 8px;
  max-height: 90vh;
}

.modal iframe {
  width: 100%;
  height: 90vh;
  border: none;
}

.close-modal {
  position: absolute;
  top: 10px; right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

  .report-container{
    display: flex;
  }


  .modal-promo {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content-promo {
  position: relative;
  margin: 2% auto;
  background: white;
  width: 400px;
  max-width: 400px;
  max-height: 620px;
  padding: 20px;
  border-radius: 8px;
}

.modal-promo iframe {
  width: 100%;
  height: 80vh;
  border: none;
}

.close-promo {
  position: absolute;
  top: 10px; right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.mb-footer__content-box {
    width: 1240px;
    margin: auto;
}

#hiddenResearchIframe{
  display: none;
}

.nav-section{

}


@media (max-width: 768px) {

.close-promo{
    top: -5px !important;
    right: 7px !important;
}


    .header-left {
        display: none;
        order: 2;
    }

    .mb-footer{
      display: none;
    }

        .mobile-footer {
        display: block;
        background: #202730;
        margin-top: 16px;
        color: #666;
        font-size: 12px;
        text-align: center;
        padding: 20px 0px;
        overflow: hidden;
        margin: 0;
    }

    .mobile-footer ul{
      margin: 0px 12px;
      padding: 0px;
      list-style: none;
      display: flex;
      gap: 12px;
    }

    .mobile-footer p{
      text-align: left;
      margin: 12px;
    }


    .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100vw; height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

    .modal-content {
        border-radius: 0 !important;
        width: 100% !important;
        max-height: 100% !important;
        margin: 0;
    }


    .modal-header {
    padding: 16px 24px 16px 0;
}


.close-modal {
    top: 3px;
}

.modal-pdf iframe {
    height: 107vh;
}

.modal-promo iframe {
    width: 100%;
    height: 100vh;
    border: none;
}



}


.card-info-data{
  background: none;
}


.modal-share {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content-share {
 background-color: #fff;
    margin: 10% auto;
    padding: 44px 24px;
    border-radius: 18px;
    width: 80%;
    max-width: 530px;
    text-align: center;
    position: relative;
}

.close-share {
    float: right;
    font-size: 34px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 16px;
}


.icon-row-share {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 30px;
}

.icon-row-share a {
  text-align: center;
  text-decoration: none;
  color: #333;
  width: 80px;
}

.icon-row-share p{
  font-weight: 600;
}

.modal-content-share input{
      border-radius: 32px;
    border: 1px solid #cacaca;
    padding: 10px;
    width: 60%;
    margin-right: 12px;
}

.modal-content-share h6{
  font-size: 22px;
  font-weight: 600;
  color: #303030;
  margin-bottom: 24px;
}

.modal-content-share button{
background-color: #d8232a;
    border: none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 21px;
}

.box-share {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 7px;
}

.icon {
  font-size: 24px;
  color: white;
}

.bg-gray { background: #666; }
.bg-green { background: #25d366; }
.bg-blue { background: #3b5998; }
.bg-black { background: #000; }

.mb-header__main__login{
  display: none;
}


.modal-downolad{
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
}

.modal-content-downolad {
  position: relative;
  margin: 2% auto;
  background: white;
  width: 400px;
  max-width: 400px;
  max-height: 620px;
  padding: 20px;
  border-radius: 8px;
}

.close-download {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: 600;
  cursor: pointer;
}

.select2-container--default .select2-selection--single{
  border: 1px solid #ddd !important
}

.select2-container--default .select2-selection--single{
  border-radius: 24px  !important;
}

.select2-container .select2-selection--single {
  height: 40px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  height: 39px !important;
  line-height: 39px !important;
  background-color: #f5f5f5 !important;
  border-radius: 24px  !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px !important;
  right: 8px !important;
}

.select2-container--default .select2-results>.select2-results__options{
  overflow-x: hidden !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
      border-color: #a9a9a9 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px !important;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

@media (max-width: 768px) {
    .filters select {
        width: auto !important;
    }

    .modal-content-downolad{
      width: 100%;
      height: 100vh;
      border-radius: 0;
      margin: 0% auto;

    }

     .modal-content-downolad iframe{
      width: 100%;
     }
}