@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700|Cinzel|Lato:300i,400';

/*@import url("/css/designPage.css");*/

* {
    outline: 0;
}
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
    background-color: #fff;
    font-family: 'Lato', sans-serif;
}
a {color:#257eec}

.headerloginname {padding-left: 5px;}

footer h4 {
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
header {
    background-color: #141436;
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 10px;
    position: fixed;
    width: 100%;
    z-index: 750;
}
input {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
section {
    background-color: #fff;
    margin-bottom: 50px;
}

.modal-footer_signup { display: none; }

.addressbookaddcontactbtn {
    margin-top: 10px!important;
}
.addressbookstable {
    padding: 10px;
}
.addtopavoritetext {
    font-size: 14px;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px;
    cursor: pointer;
}
.back_ground {
    position: relative;
}
.bg-light {
    background-color: white;
}
.bg-off-white {
    background-color: #f4f4f8;
}
.blankedivlabel {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    text-align: right;
}
.border-above {
    border-top: 2px solid #1aabab;
    padding-top:49px;
}
.border-below {
    border-bottom: 2px solid #7acad8;
    padding-bottom:49px;
}
.breadCrume {
    margin-bottom: 20px;
    margin-top: 50px;
}
.breadcrumsearchdiv input[type=text] {
	border: 1px solid #d6d6d6;
	width: 100%;
	height: 33px;
	line-height: 33px;
	position: relative;
	padding: 0 35px 0 10px;
}
.breadcrumsearchicon {
	position: absolute;
	background: #ffffff;
	right: 8px;
	top: 7px;
	cursor: pointer;
}

.breadCrume {display:none;}

.btn-flip {
    align-self: center;
    outline: 0px!important;
    padding: 0px;
    width: 35px;
}
.card-tbnl-orientation-0 .btn-flip {
    position: absolute;
    right: 75px;
    top: 205px;
}
.card-tbnl-orientation-1 .btn-flip {
    position: absolute;
    right: 85px;
    top: 183px;
}
.btn-mazelvite {
    border: none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 10px;
    top: -1px;
    -webkit-transition: background-color 0.5s;
       -moz-transition: background-color 0.5s;
            transition: background-color 0.5s;
    width: 100%;
}
.btn-mazelvite-primary {
    background-color: #7acad8;
    -webkit-box-shadow: 0 2px #449dac;
       -moz-box-shadow: 0 2px #449dac;
            box-shadow: 0 2px #449dac;
    color: white;
    max-width: 275px;
}
.btn-mazelvite-primary:hover {
    background-color: #87d7e5;
    color: white;
}
.btn-mazelvite-secondary {
    background-color: #ccc;
    -webkit-box-shadow: 0 2px #333;
       -moz-box-shadow: 0 2px #333;
            box-shadow: 0 2px #333;
    color: white;
    margin-left: 1%;
}
.btn-mazelvite-secondary:hover {
    background-color: #ddd;
    color: white;
}
.btn-narrow {
    max-width: 100px;
}
.btn-more {
    border: 2px #3a3938 solid;
    color: #3a3938;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 5px;
    padding: 14px 28px;
}
.btn-more:hover {
    background-color: #fff!important;
}
.btn-more .fa {
    margin-left: 20px;
}
.btn-primary {
    background-color: #7acad8;
    border: 2px solid #b2a9a7;
    color: white;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
            transition: 0.5s;
}

.success1, .success2, .success3 {
    padding: 20px 40px;
    border: none;
    background: #204d74 !important;
    text-transform: uppercase;
    margin: 10px;
}


.btn-primary:hover {
    background-color: #7acad8!important;
    border-color: #666;
    color: #666;
}
button.btn-squared {
    font-size: 20px;
    border-color: #36494c;
    font-family: 'Lato',sans-serif;
}
.btn-squared:focus {
    background-color: #7acad8;
    color: #fff;
}
.btn-squared .fa {
    color: #36494c;
    margin-right: 5px;
}
.btn-transparent {
    background: none;
    -webkit-transition: background 0.5s;
       -moz-transition: background 0.5s;
            transition: background 0.5s;
}
.btn-transparent:hover {
    background: rgba(255,255,255,0.4);
}
.btn-wide {
    color: #3a3938;
    font-family: 'Lato', sans-serif;
    padding: 7px 14px;
    width: 100%;
}
.cardsampleimages {
    margin-bottom: 20px;
    margin-right: 5px;
}
.cardsampleimages img {
    cursor: pointer;
}
.card-container-grid {
    display: flex;
    flex-wrap: wrap;
}
.card-designer {
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
}
.card-flex {
    display: flex;
    flex-direction: column;
    margin: 0px 1%;
    padding-bottom: 30px;
    position: relative;
    width: 31%;
}
.card-flex img {
    bottom: 0;
    margin: 0 auto;
    max-height: 120px;
}
.card-flex > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-bottom: auto;
}
.card-img {
    background-color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 95;
}
.card-img-active {
    border: 1px solid #b4b3b3;
    margin-top: 15px;
}
.card-info {
    align-self: flex-end;
    color: #111;
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
}
#cardsContainer {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}
.card-img img {
    max-height: 100%;
    max-width: 246px;
    width: 100%;
}
.card-tbnl-orientation-0 .card-img,
.card-tbnl-orientation-0 .tbnl-envelope {
    height: 213px;
    width: 173px;
}
.card-tbnl-orientation-1 .card-img-active,
.card-tbnl-orientation-1 .tbnl-envelope {
    height: 173px;
    width: 248px;
}
.card-subtitle {
    color: #5b5b5b;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.card_sub_designer {color:#000;}

.card-tbnl-orientation-0 .card-subtitle {
    top: 275px;
}
.card-tbnl-orientation-1 .card-subtitle {
    top: 235px;
}
.card-title {
    color: #014443;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    height: 1.5em;
    text-align: center;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.card-tbnl-orientation-0 .card-title {
    top: 255px;
}
.card-tbnl-orientation-1 .card-title {
    top: 215px;
}
.carddesignfavorite {
    float: left;
    width: 100%;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 12px 0px;
    position: relative;
    margin-bottom: 14px;
    z-index: 50;
}
.cardviewcardname {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.cardviewcompanyname {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}
.cardviewsocialbtn {
    position: relative;
    z-index: 25;
}
.cardviewsocialbtn label {
    vertical-align: top;
}
.carousel-indicators {
    display: none;
}
.carousel-indicators li {
    background-color: #dedee0;
    border: 1px solid #dedee0;
    height: 12px;
    margin: 0 5px;
    width: 12px;
}
.carousel-indicators .active {
    background-color: #3a3938;
    border: 1px solid #3a3938;
    margin: 0 5px;
}
.carousel-inner {
    height: 230px;
}
.carousel-inner img {
    max-width: none!important;
}
.centered-button-block {
    padding-left: 0;
    text-align: center;
}
.centered-button-block li {
    display: inline-block;
    list-style-type: none;
    width: 100%;
}
.select .chosen-container {
    margin-bottom: 6px!important;
}
.chosen-container-single .chosen-single div b {
    background-position: 0px 4px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 0px 4px;
}
.btn-flip img {
    position: absolute;
    z-index: 999;
}
.colerpickercheckbox {
    float: left;
    border-top: medium none;
    margin-top: -1px;
    max-width: 180px;
/*    padding-right: 80px; */
}
.colerpickercheckbox label {
    border-radius: 5px;
    height: 20px!important;
    width: 20px!important;
}
.colerpickercheckbox input[type=checkbox] {
    display: none;
}
.card-img-inactive {
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
       -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}
.card-tbnl-orientation-0 .card-img-inactive {
    height: 56px;
    right: 16px;
    top: 196px;
    width: 45px;
    z-index: 96;
}
.card-tbnl-orientation-1 .card-img-inactive {
    height: 45px;
    right: 2px;
    top: 166px;
    width: 65px;
    z-index: 96;
}
.colerpickercheckbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    float: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 20px;
}
.colerpickercheckbox label:before {
    content: "";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    left: 0;
    bottom: 1px;
    background-color: transparent;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 5px;
    cursor: pointer;
}
.filter_reset {text-align: center;}

.card-tbnl-orientation-0 .flex-card-inner {
    margin: 0 auto;
    max-width: 187px;
    position: relative;

}
.card-tbnl-orientation-1 .flex-card-inner {
    margin: 0 auto;
    max-width: 248px;
    position: relative;

}
.chosen-container-single .chosen-single {
    padding: 9px 10px;
}
.comment-img-preview {
    text-align: center;
}
.comment-img-preview img {
    display: inline-block;
}
.comment-preview {
    padding: 26px;
    text-align: justify;
    color: #000000;
    font-size: 16px;
    line-height: 25px;
}
.contactdetialvalues {
    padding: 10px;
}
.contactusformsocialicons {
    float: left;
    margin-top: 9px;
    text-align: center;
    width: 21%;
}
.container-dark {
    background-color: #353433;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.06' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.container-dark.footer_section {
    background:url(../img/footer_bg.png);
    background-size: cover;
 }
.container-extra-wide {
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.container-extra-wide-md {
    padding: 0 15px;
    position: relative;
    width: 100%;
}
.with-sidebar-flex {
    display: flex;
}
.with-sidebar-flex .row {
    background-color: #f9fdff;
    border: 1px solid #337ab7;
    width: 100%;
    /* Safari */
    float:left;
    width:77%;
}
.sidebar-fixed {
    background: #f9fdff;
    padding: 30px;
    width: 270px;
    margin-right: 5%;
    border: 1px solid #337ab7;
    /* Safari */
    float:left;
}
.container-extra-widest {
    margin: 0 auto;
    max-width: 1663px;
    position: relative;
    width: 100%;
    overflow:hidden;
}
.container-extra-wide > .row {
    margin-left: 0;
    margin-right: 0;
}
.container-extra-widest > .row {
    margin-left: 0;
    margin-right: 0;
}
.container-full-width {
    position: relative;
    width: 100%;
    z-index: 700;
}
.copyright-text {
    color: #3a3938;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 3px;
    padding: 20px;
}

.createeventeventdate {
    width: 25%;
    float: left;
    margin-right: 10px;
}
.createeventlabel {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #000000;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}
.createeventstapcount {
    display: none;
}
.currentimagearrow {
    border-bottom: 15px solid #0f1432;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 0px!important;
    height: 20px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    cursor: pointer;
}
.currentimagearrowcontainer {
    bottom: 0px;
    position: absolute;
    width: 100%;
}
.datepicker, .timepicker {
    padding-top: 0px!important;
}
.datepicker .add-on, .timepicker .add-on {
    float: right;
    margin-top: 3px;
    padding-top: 4px;
}
.datepicker .error-message, .timepicker .error-message{
    clear: both;
    display: block;
    float: right;
    width: 100%;
}
#eventstartdate .add-on, .timepicker .add-on{
    background-color: transparent;
    border: 1px solid #7acad8;
    border-bottom-right-radius: 5px;
    border-left: 0px;
    border-top-right-radius: 5px;
    color: #7acad8;
    height: 50px;
    margin-left: 0px!important;
    margin-top: 0px;
    padding: 14px;
    position: absolute;
}
.datepicker input, .timepicker input {
    border-color: #7acad8;
    float: left;
    margin-right: 3px;
    width: 86%;
}
.timepicker {
    width: 100%;
}
/*
.timepicker {
    margin-bottom: 5px;
        width: 100%;
    max-width: 300px;
}
.timepicker .form-control {
    border: 1px solid #7acad8;
    padding: 7px 10px;
    height: initial;
    line-height: initial;
}
.timepicker .input-group-addon {
    border: 1px solid #7acad8;
    border-left: 0px;
    cursor: pointer;
    background-color: transparent;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #7acad8;
    height: 50px;
    margin-left: 0px!important;
    margin-top: 0px;
    padding: 14px 7px;
    position: absolute;
    right: -40px;
    top: 0px;
    width: 40px;
    z-index: 50;
}
*/

.defaultLayout {
    margin-top: 60px;
    margin-top:30px;
    min-height: 550px;
    width: 100%;
}

.defaultlayoutleftpanel {
    width: 100%;
}
.defaultlayoutrightpanel {
    background: #ffffff;
    width: 100%;
}

.defaultlayoutprofileimgdiv {
    background: #7acad8;
    padding: 30px 10px 25px 10px;
}

.envelope-flash-container {
    position: relative;
    width: 100%;
}
.envelope-flash-container .col-xs-12 {
    padding: 0;
}
.envelope-vertical-center {
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.slim-header {
    overflow: hidden;
    background: url(../img/hero_slim.png);
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/hero_slim.png);
    padding:50px 0; text-align: center;
}
.slim-header .envelope-vertical-center {
  /*  padding-top: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100; */
}
.flex-card {
    margin-bottom: 30px;
    position: relative;
    height: 300px;
    width: 100%;
    /* Safari */
    float:left;
}
.chosen-container {
    width: 100%!important;
}
.chosen-select {
    border: 2px solid white;
    color: white;
    font-weight: 700;
    margin-top: 12px;
    width: 100%!important;
}
.chosen-select option {
    background-color: #7acad8;
    font-family: 'Lato', sans-serif;
}
.exampleInputFile {
    width: 160px;
    border: none;
    border-radius: 0;
    background: #7acad8;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
}

.filters input[type=checkbox] {
margin-right: 10px;
}

.filters input[type=checkbox]:checked {
background:#25d0ec;
}

/*
input:before {
  content: '';
  background: #25d0ec;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid black;
}

input:checked:before {
  background-color: #25d0ec;
} */


/*filter section pdf */

.wrapper-pdf-section {overflow: hidden;     zoom: 1;     background: #f9fdff;     padding: 50px 20px; border: 1px solid #337ab7;}

.wrapper-pdf-section h3 {text-align: center;  clear: both;   padding: 30px 0;}


.wrapper-pdf-section div { float: left; margin: 0 2%; }

.wrapper-pdf-section div img {    display: block; margin: 2% auto;     float: none; min-height: 240px; max-width: 270px;}








footer .container-extra-wide {
    padding: 0 30px;
}
.footer-horizontal-list li {
    display: inline-block;
    margin-right: 20px;
}
.footer-links {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    list-style-type: none;
    padding-left: 0px;
    text-transform: uppercase;
}
.footer-links a {
    color: white;
}
.footer-links li {
    letter-spacing: 3px;
    margin-bottom: 15px;
}
.form-select {
    border: 1px solid #7acad8;
    color: rgb(51, 51, 51);
    font-weight: normal;
    max-width: 275px;
}
.formallrequire {
    float: right;
    color: red;
}


.envelope-main-logo {
    padding: 2.6% 0 1.3% 0;
}
.envelope-main-logo img {
    max-width: 450px;
    width: 100%;
}
.envelope-main-shape {
    height: 100%;
    width: 100%;
}
.envelope-secondary-shape {
    bottom: 0px;
    height: 21.56%;
    left: 0.5%;
    max-width: 977px;
    width: 99%;
}
.envelope-sub-title {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.envelope-title {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}
.error-message {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}
#event-type li {
    cursor: pointer;
}
.group-horizontal {
    display: flex;
    list-style: none;
    min-width: 95px;
    padding-left: 0px;
}
.group-horizontal li {
    margin-right: 10px;
}
.group-horizontal li:last-child {
    margin-right: 0px;
}
.header-container {
    background-color: #141436;
    width: 100%;
}
.headernav {
    display: inline-block;
}
.headernav a {
    color: #3a3938;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}
.headernav li {
    display: inline-block;
    list-style-type: none;
    margin-right: 20px;
}
.headerstarimage {
    position: absolute;
    top: 54px;
}
.headerstarimage img {
    display: inline-block;
}
.heading-main {
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    color:#fff;
}
.hoverpreviewimage {
    margin-bottom: 20px;
    width: 388px;
    box-shadow: 1px 1px 5px #000000;
    border: 2px solid #ccc;
}
.image-border-light {
    border: 1px solid #eee;
}
.input-big {
    background: none;
    margin-bottom: 5px;
    /*max-width: 275px;*/
    padding: 7px 10px;
    width: 100%;
}
#profileFormPage1 .input-big,
#profileFormPage2 .input-big,
.homepage-form .input-big {
    max-width: 275px;
}
.input-rounded {
    border: 1px solid #7acad8;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.input-square-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    margin-right: 0px!important;
}





.letter-envelope {
    margin: 0 auto;
    max-width: 987px;
    position: relative;
    width: 95%;
}
.letter-envelope > img {
    position: relative;
    max-width: 987px;
    width: 100%;
    z-index: 10;
}
.letter-envelope-container {
    text-align: center;
    width: 100%;
}
.letter-envelope-inputs {
    padding: 0 10px;
    width: 100%;
    z-index: 100;
}
.loginusernamediv {
    flex: 1 1 0;
    margin: 15px auto 0 auto;
    text-align: center;
    /*width: 200px;*/
    z-index: 550;
}
.loginusernamediv #login_modal {
    width: auto;
    width: auto;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #7acad8;
}
    .loginusernamediv {
        display: flex;
        flex-direction: column;
        height: 40px;
        justify-content: center;
        margin: 0;
        overflow: hidden;
        padding-left: 10px;
        /*position: absolute;*/
        right: 10px;
        top: 0px;
        width: auto;
    }
    header .container {
        display: none;
    }
.loginusernamediv div {
    /*width: 100px;*/
}
.text-right {color:#fff;}

.loginusernamediv > a,
.loginusernamediv > div > a{
    /* color: #3a3938; */
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    word-break: break-word;
}
.loginusernamediv .navSubmenu {
    left: initial;
    right: 0;
}
.loginusernamediv .navSubmenu a {
    font-family: 'Lato', sans-serif;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-100 {
    margin-bottom: 100px;
}
.m-t-30 {
    margin-top: 30px;
}
.manageformcheckbox {
    margin-right: 10px!important;
}
.manageformcheckboxlabel {
    margin-top: 40px;
}
.max-image {
    max-width: 100%;
}
.menuleftaddbookicon {
    background: url(../img/addbook.png) no-repeat;
    height: 19px;
    left: 15px;
    position: absolute;
    top: 12px;
    width: 18px;
}
.menuleftfavoritesicon {
    background: url(../img/faveroites-active.png) no-repeat;
    height: 19px;
    left: 15px;
    position: absolute;
    top: 12px;
    width: 18px;
}
.menulefthistoryicon {
    background: url(../img/history.png) no-repeat;
    height: 19px;
    left: 15px;
    position: absolute;
    top: 14px;
    width: 18px;
}
.menuleftprofileicon {
    background: url(../img/profile.png) no-repeat;
    height: 19px;
    left: 15px;
    position: absolute;
    top: 12px;
    width: 18px;
}
.navRWD {
    flex: 1 1 0;
}
.navRWD button {
    padding: 7px 14px;
    margin-top: 1px;
}
.navRWD ul {
    left: 10px;
}
nav li {
    padding: 0;
}
.placeholder-logo-rwd {
    flex: 0 0 135px;
}
.progress-box {
    display: flex;
    background: url(../img/bg_line.jpg);
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: 80%;
}
.progress-col {
   /*  border-right: 2px solid #cecece; */
    color: #cecece;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 4px;
    padding: 10px 0;
    text-align: center;
    width: 25%;
    float:left;
}
.progress-col:last-child {
    border-right: 0;
}
.progress-indicator {
 /*   background-color: #f5f5f5;
    border: 2px solid #cecece;
    border-radius: 4px;
    margin: 0 -15px;
    max-width: 1356px; */
    max-width: 960px;
}
.progress-indicator .col-xs-3 {
    padding: 10px;
    text-align: center;
}
.progress-indicator .selected {
  /*  background-color: #fff; */
    color: #808281;
}
.p-t-40 {
    padding-top: 40px;
}
.indicator-arrow {
   /* background: url('../img/progress-indicator-box-top.png') no-repeat center;
   */
   height: 17px;
    margin-top: -16px;
    margin: -16px auto 0 auto;
    width: 49px;
    display:none;
}

.progress-col img {
    display: block;
    max-width: 70px;
    margin: 0 auto;
    padding:5px;
    border-radius: 90%;
}
.progress-col.selected img{background: #c8dffa;

}


.toggle-rwd-menu {
    padding: 10px;
}
    #navFull {
        display: none;
    }
#navFull > ul {
    display: flex;
    justify-content: space-between;
}
.placeholder-logo {
    width: 210px;
}
.nobreak {
    white-space: nowrap;
}
.no-margin {
    margin: 0!important;
}
.no-padding {
    padding: 0px!important;
}

.questionnairedetaildiv h5 {max-width:1060px; margin-left: 20px;}

.questionnairequestiondiv {
    padding-bottom: 30px;
}
.questionnairequestiondiv .questionsdiv:first-child {
    padding-top: 10px;
}

.questionnumber {
    border: 1px solid #7acad8;
    margin: 2px 0;
    vertical-align: inherit;
    line-height: 2em;
    padding: 10px 10px;
}

.whatquestion{
    padding-left: 5px;
}


/*.questionnumber:before {
    content: "For multiple choice, you must add in the responses that you would like you guests to choose from.";
    position: relative;
    float: right;
}*/


.questionnumber_help {
    content: "For multiple choice, you must add in the responses that you would like you guests to choose from.";
    position: relative;
    float: right;
    text-align: right;
}

#submitQuestionnaire {float:right; margin-right: 20px;}
.select-event-drop-down .navSubmenu {
    left: initial;
    right: 0;
}



.select-event-drop-down .navSubmenu a {
    font-family: 'Lato', sans-serif;
    text-transform: none;
}

#confirmGuest {max-width: 300px; margin:0 auto;}
}


.urldivborderbottam {
    margin-bottom: 5px;
    margin-top: 15px;
}
/************************ =MODAL LOGIN ******************************/
.modalloginformcontantdiv {
    max-width: 295px;
    margin: 0 auto;
}
.loginformfields {
    float: left;
    height: 50px;
    margin-bottom: 10px;
    width: 100%;
}
.loginforminputtype {
    position: relative;
    height: 46px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-left: 50px;
    padding-right: 10px;
    width: 100%;
}
.loginforminputtypelogo {
    position: relative;
    top: -46px;
    float: left;
}
.m-b-xl {
    margin-bottom: 50px;
}
.minimal-header {
    position: inherit;
}
.modalloginbtn {
    float: left;
    width: 100%;
    height: 47px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border: none;
    background: #7acad8;
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    padding: 0px;
    margin-bottom: 20px;
}
.movalforgotpasswordtext {
    font-size: 14px;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    width: 100%;
    margin-bottom: 22px;
}
.loginModal .modal-footer {
    background: #f0f0f0;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    border-bottom: 5px solid;
}
.modelcancelbtn {
    min-width: 98px;
    height: 34px;
    border: none;
    background: #5a69ba;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8px;

}
.modelresponsebtn {
 /*   min-width: 98px;
    height: 34px;
    border: none;
    background: #0a0a1b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8px; */
    background: #0a0a1b;
    margin-top: 2px;
    width: 100%;
}

.modalclossicon{
	float:right;
}
.modalclossicon i{
	color:#cfcbcb;
	cursor:pointer;
}
.modaltitlecustomize {
    font-size: 22px;
    color: #000000;
    text-transform: uppercase;
}
.modelsendbtn {
    margin-top: 8px;
    text-transform: uppercase;
}
.loginordiv {
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    width: 50px;
    text-transform: capitalize;
    padding: 12px;
    background: #ffffff;
}
.loginmodalnotamembertext a {
    color: #7acad8;
}
.forgotpasswordtoptext {
    margin-bottom: 20px;
    text-align: center;
}
.pagination a {
    font-family: 'Lato', sans-serif;
}
.customizedpagination .pagination > li > span {
    color: #449dac;
}
.customizedpagination .pagination > li > span:focus {
    color: #449dac;
}

.customizedpagination .pagination > .active > span:focus {
    background-color: #449dac;
    border-color: #449dac;
}
.placeholder-logo img {
    margin-top: -39px;
    position: relative;
    z-index: 500;
    background:#fff;
    padding:10px;f
}
.plzreplaymodal .modal-content{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	max-width:570px;
	margin-top:15%;
}
.plzreplaymodal .modal-footer {
    border-top: medium none;
    padding-bottom: 30px;
}
.panel-wide {
    margin-left: -15px;
    margin-right: -15px;
}
.popover {
    max-width: 305px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.popover-content {
    color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 10.5px;
    padding: 3px 8px;
    text-align: center;
}
.popover > .arrow {
  border-width: 6px;
}
.popover > .arrow:after {
  border-width: 5px;
}
.popover.top > .arrow {
  bottom: -6px;
  margin-left: -6px;
}
.popover.top > .arrow:after {
  margin-left: -5px;
}
.popover-mazelvite {
    background: url(../img/help-icon.png) no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    background-size:contain;
}
.preview-button-positioning {
    left: 3px;
    position: absolute;
}
.preview-content-container {
    display: table-cell;
    vertical-align: middle;
}
.preview-content-container .container {
    background-color: #fff;
    padding: 40px;
}
.profileimage {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.profileimage img {
    width: 132px;
    border: 3px solid #ffffff;
}
.profilename {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

h3.et_header {
    margin-left: 20px;
    opacity: 0.8;
}

.questionnaireaddmorebtn {
  font-size: 15px;
    cursor: pointer !important;
/*    background: url(../img/B9.png); */
    background: #257eec;
    max-width: 228px;
    outline: none;
    border: none;
    padding: 20px 0 20px 0;
    color: #fff;
    box-shadow:none;
    border-radius: 0;
}

/* .questionnaireaddmorebtn:hover {background: url(../img/B8.png);} */

.questionnairefileUpload {
    position: relative;
    overflow: hidden;
    float: right;
}
.section-alt {
    background-color: #f4f4f8;
}
.section-dark {
    background-color: #4f4f53;
}
.padding-section {
    padding: 70px;
}
.sidebar h4 {
    color: #5b5b5b;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}
.sidebar h5 {
    color: #5b5b5b;
    font-family: 'Lato',sans-serif;
    font-size: 18px;
    font-weight: normal;
}
.sidebar li {
    color: #5b5b5b;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
ul.filters {
    padding-left: 0px;
}
.filters li {
    list-style: none;
}
.underline {
    border-bottom: 1px solid #d4d3d3;
    margin-bottom: 16px;
    padding-bottom: 12px;
}
.progress-indicator a {
    color: inherit;
}
.questionnairefileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.reduced-padding {
    padding-left: 5px!important;
    padding-right: 5px!important;
}
.required-asterisk {
    color: red;
}
.resultfindtext {
    font-size: 18px;
    color: #1c1e03;
    text-transform: capitalize;
}
.formallrequire span,
.required span {
    color: red;
}
.sectionHeader {
    position: absolute;
    top: 0px;
    width: 100%;
}
.section-subheader {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-bottom: 100px;
}
.select {
    background-color: transparent;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    padding: 7px;
    width: 100%;
      -webkit-appearance: menulist-button !important;
        line-height:44px !important;
}
.manageprofileformfields .select,
.mazelviteformselect .select {
    padding: 0px!important;
}
.select-event-drop-down {
    position: relative;
}
.select-event-drop-down .dropdown-menu {
    margin-top: 22px;
}
.selectcoloroption {
    margin: 0 auto;
    text-align: left;
}
.selectcoloroption .fa {
    display: none;
}
.slidingDiv {
    background-color: rgba(0, 0, 0, 0.8);
    display: table;
    height: 100%;
    height: 100vh;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    width: 100vw;
    z-index: 1005;
}
.space-for-button {
    bottom: 76px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.tbnl-envelope {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    margin-left: 13px;
    position: absolute;
    z-index: 90;
}
.tbnl-envelope img {
    position: absolute;
    right: 4px;
    top: 4px;
}
.ui-pnotify {
    background: #fff;
    margin-top: 2px;
    /*position: absolute;*/
    width: 100%;
}
.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-closer, .ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
    display: block !important;
    color: #000;
}
.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    line-height: 1.25em;
}
.ui-pnotify-text {
    display: block;
}
.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
}
.sub-menu {
    padding-left: 0;
}
.sub-menu li {
    list-style: none;
}
.sub-menu li:hover {
    background-color: #f5f5f5;
}
.sub-menu li a {
    color: initial;
    line-height: 1.428571;
    padding-bottom: 3px;
    padding-left: 40px;
    padding-top: 3px;
}
.sub-menu li a:hover {
    text-decoration: none;
}

.success-green {
    color: green;
}
.uploaderrordiv {
    float: left;
    width: 100%;
    text-align: right;
    color: #f00;
    margin-top: 10px;
}
.websitelogo {
    position: absolute;
    width: 100%;
}
.websitelogo img {
    margin: -9px auto 0;
    max-width: 209px;
    position: relative;
    z-index: 500;
}
.wizard-card {
    margin-bottom: 30px;
    position: relative;
    max-width: 1200px;
    margin: 20px auto;
    border: 2px solid #7acad8;
    padding: 10px;
    background: #fcfcfc;
}

.wizard-card  .row {margin-left:0; margin-right: 0;}

..wizard-card  section {background: transparent;}
.wizard-card .defaultLayout {
    margin-bottom: 20px;
    min-height: 0px;
    max-width: 1140px;
    margin: 50px auto;
    background: transparent;
}


.wizard-card .btn, .wizard-card .btn:hover, .wizard-card .btn:focus {
    font-size: 13px!important;
}
#addcontecttable {
    margin-left: 100px;
}
#addthis_toolbox {
    display: inline-block;
}
#previewdetail {
    margin-top: 20px;
}
.defaultLayout {
    /* OVERRIDE UI STYLE */
    float: none!important;
}


/* CMS Pages */

.paper_wrap {
    max-width: 1200px;
    margin: 20px auto;}


.paper_intro {text-align:center;}

.paper_intro h2{font-size: 20px; font-weight: bold;}

.paper_intro p{}

.paper_intro h4{font-size: 16px; font-weight: bold;}


.paper_wrap2 .col_1{float: left; width:45%; margin-right: 5%;}
.paper_wrap2 .col_2{float: left; width:45%;}

.paper_wrap2 {     overflow: hidden; padding:20px 0; }


.paper_wrap2 .col_1:nth-child(1):before{content: "1"; font-size:150px;     opacity: 0.7; color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;     z-index: 2;}

.paper_wrap2 .col_1:nth-child(3):before{content: "3"; font-size:150px;     opacity: 0.7; color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;     z-index: 2;}

.paper_wrap2 .col_1:nth-child(5):before{content: "5"; font-size:150px;     opacity: 0.7; color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;     z-index: 2;}

.paper_wrap2 .col_2:nth-child(2):before{content: "2"; font-size:150px;     opacity: 0.7; color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;    z-index: 2;}

.paper_wrap2 .col_2:nth-child(4):before{content: "4"; font-size:150px;     opacity: 0.7; color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;    z-index: 2;}

.paper_wrap2 .col_2:nth-child(6):before{content: "6"; font-size:150px;     opacity: 0.7;color: #ccc; font-weight:bolder; color: #ccc;
    position: absolute;
    margin-top: -60px; margin-left:30px;    z-index: 2;}

.paper_1, .paper_2, .paper_3, .paper_4, .paper_5, .paper_6 {color: #fff; display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
    background: #7acad8;
    padding: 20px;
    border-radius: 30px;
height: 350px;
    max-width: 500px;
    margin: 60px 0;
    position: relative;
    font-size: 18px;
    z-index: 200;
    line-height: 1.7em;}


.paper_1:before, .paper_2:before, .paper_3:before, .paper_4:before, .paper_5:before, .paper_6:before {
 content: '';
    background: url(../img/speech_arrow.png);
    height: 80px;
    width: 80px;
    position: absolute;
    bottom: -75px;
    right: 60px;
    background-repeat: no-repeat;}

.paper_wrap_3 {     max-width: 1200px;     margin: 20px auto;}

.paper_h2 {font-weight: bolder;
    background: #caedf3;
    text-align: center;
    padding: 20px;
}

.paper_wrap_3 p {max-width: 800px; margin:20px auto;}

/* Pricing */

.defaultLayout  .container {width:100%; max-width: 1500px;}

.defaultLayout .Side_list {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    border: 2px solid #7acad8;
}

#guest_list_datatable {padding:10px 0;}


.pricing_top{}
.pricing_col_wrap{}

.pricing_col_wrap {overflow:hidden; zoom:1;}
.pricing_col_wrap .col_1, .pricing_col_wrap .col_2, .pricing_col_wrap .col_3, .pricing_col_wrap .col_4 {text-align: center;     width: 23%;   float: left;   min-width:150px; background: #f6f6f6; margin: 0 1%;    border: 2px solid;}
.pricing_col_wrap ul {  margin-left: 0;  padding-left: 0;}
.pricing_col_wrap li {    list-style: none;    margin-left: 0;    text-align: center;  line-height:2em; padding:20px 0; border-bottom: 1px dashed #ccc; }
li.price { background: #7acad8;    color: #fff;    line-height:1.5em; font-size: 46px;}

.post_price {
    margin: 40px;
    text-align: center;
    font-size: 28px;
    display: block;
    clear:both;
    font-weight: bold;
}

.pricing_col_wrap .col_1:hover, .pricing_col_wrap .col_2:hover, .pricing_col_wrap .col_3:hover, .pricing_col_wrap .col_4:hover {  border: 2px solid #7acad8; background-image: url(../img/#.jpg) no-repeat 20% 20%;}

.pricing_col_wrap .col_1:hover li.price, .pricing_col_wrap .col_2:hover li.price,
 .pricing_col_wrap .col_3:hover li.price, .pricing_col_wrap .col_4:hover li.price{ background: #7acad8;    color: #fff; }


.pricing-table{
   min-width: 220px;
    width: 23%;
    padding: 0;
    margin: 1%;
    list-style: none;
    float: left;
    font-family: 'Lato', sans-serif;
    border-left: solid 5px #aab2bd;
    border-right: solid 5px #aab2bd;
    border-top: solid 5px #aabdcd;
    border-bottom:solid 5px #aabdcd;
    background: #f4f4f4;
    color:#fff;
    border-radius: 3px;
    box-shadow: 0 2px 3px #dedede;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.pricing-table:hover{
    box-shadow: 0 1px 20px #555;
}
.pricing-table li {
    width: 100%;
    font-size: 18px;
    padding: 20px;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px dashed #ccc;
    clear: both;
}


/* extra info (badge)
================================*/
.pricing-table .extra-info{
    position: absolute;
    height: 130px;
        border-bottom: 0;
    padding: 15px 10px 0 0;
    color: #fff;
    font-size: 1px;
    background: url(../img/free.png) no-repeat;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.pricing-table .extra-info2 {
    position: absolute;
    height: 130px;
    border-bottom: 0;
        padding: 15px 10px 0 0;
    color: #fff;
    font-size: 1px;
    background: url(../img/most_popular.png) no-repeat;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* icon plan
================================*/
.pricing-table .icon{
    padding: 10px 26px 0;
    float: left;
    font-size: 50px;
    color: #aab2bd;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

/* plan
================================*/
.pricing-table .plan{
    padding:15px 20px 10px 25px;
    float: left;
    font-size: 26px;
}

/* price
================================*/
.pricing-table .price {
    padding: 10px 10px;
    float: left;
    font-size: 36px;
    color: #ffffff;
    text-transform: uppercase;
}

/* details
================================*/
.pricing-table .detail{
    padding: 7px 26px;
    float: left;
    font-size: 14px;
}

/* sign up button
================================*/
.pricing-table .sign-up{
    padding: 12px 26px;
    float: left;
    font-size: 16px;
    text-decoration: none;
}
.pricing-table .sign-up a{
    width: 100%;
    padding: 20px 26px;
    float: left;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #257eec;
    border-radius: 3px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
}

/* styles
================================*/

/* blue */
.blue{ border-color: #7acad8; }
.blue .price { color:#fff;}
.blue .icon{ color: #7acad8; }
.blue .sign-up a{ background: #257eec; }



/* Accordeon styles */

li.plan_detail {padding:0;}

.plan_detail {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
  display: block;
}
li.plan_detail input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
li.plan_detail label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
    background: transparent;
    font-weight: normal;
    padding: 0;
  line-height: 3;
  cursor: pointer;
  font-size:17px;
}

li.plan_detail .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  display:block;
    font-size: 19px;
    padding: 0 10px;
    background: #7acad8;
    color: #fff;
    font-style: italic;
}
.plan_detail .tab-content {
/*  background: transparent; */
}

/* :checked */
li.plan_detail input:checked ~ .tab-content {
  max-height: 10em;
}
/* Icon */
li.plan_detail label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  color: #257eec;
}
li.plan_detail input[type=checkbox] + label::after {
  content: "+";
}
li.plan_detail input[type=radio] + label::after {
  content: "\25BC";
}
li.plan_detail input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
li.plan_detail input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

/* Remember */

li.rem {padding:0;}

.rem {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 5px 5px 10px 10px;
  margin: 0 0;
  font-size: 14px;
  line-height: 1.2em;

}
li.rem input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
li.rem label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
    background: transparent;
   padding: 10px 0;
  line-height: 1;
  cursor: pointer;
}

li.rem label.tab-btwo {    color: #257eec;
    font-weight: bold;
    border: 2px solid;
    padding: 10px 0 10px 10px;
}


li.rem .tab-content {
    color:#000;
  max-height: 0;
  overflow: hidden;
  background: transparent;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  display:block;
    font-size: 15px;
    padding: 0 5px;
    line-height: 1.3;
}
.rem .tab-content {
/*  background: transparent; */
}

/* :checked */
li.rem input:checked ~ .tab-content {
  max-height: 50em;
}
/* Icon */
li.rem label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  color: #257eec;
}
li.rem input[type=checkbox] + label::after {
  content: "+";
}
li.rem input[type=radio] + label::after {
  content: "\25BC";
}
li.rem input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
li.rem input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


/* Advanced Text formatting */
li.ato {padding:0;}

.ato {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
  display: block;
}
li.ato input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
li.ato label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
    background: transparent;
   padding: 10px 0;
  line-height: 1;
  cursor: pointer;
}

li.ato label.tab-btwo {    color: #257eec;
    font-weight: bold;
    border: 2px solid;
    padding: 10px 0 10px 10px;
}


li.ato .tab-content {
  max-height: 0;
  overflow: hidden;
  background: transparent;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  display:block;
    font-size: 19px;
    padding: 0;
}
.ato .tab-content {
/*  background: transparent; */
}

/* :checked */
li.ato input:checked ~ .tab-content {
  max-height: 50em;
}
/* Icon */
li.ato label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  color: #257eec;
}
li.ato input[type=checkbox] + label::after {
  content: "+";
}
li.ato input[type=radio] + label::after {
  content: "\25BC";
}
li.ato input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
li.ato input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.btn-mazelvite-preview {
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    top: -1px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
    padding: 10px 25px;
    margin-right: 20px;
}

.preview-event-info {
    color: #000;
    margin: 10px auto;
    clear: both;
    padding: 0px 10px;
font: normal 400 18px/1 Lato;
    line-height: 1.4em;
}

.envelope-card-detail .envelope-preview {
    width: 95px;
    height: 65px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.logo-adjustment {
    padding: 30px;
}

.invitation_box {
    background-color: #141436 !important;

}
.invitation_box_text {
    font-size: 20px;
    color: #ffffff;
    padding:20px 0;
    display:block;
    text-align:center;

}


.invitation_box img {position: absolute;
    margin-top: -8px;
    display: block;
    width: 50px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;}

.step-1-title, .step-2-title, .step-3-title {font-size: 25px;}

.step-1-title img, .step-2-title img, .step-3-title img {display: inline-block;
    margin-right: 15px;
    max-width: 20px;}

.step-1-title:before{content: "1";
    font-size: 80px;
    opacity: 0.5;
    font-weight: bolder;
    color: #ccc;
    position: absolute;
    margin-top: -30px;
    margin-left: 30px;
    z-index: 2;}

.step-2-title:before {content: "2";
    font-size: 80px;
    opacity: 0.5;
    font-weight: bolder;
    color: #ccc;
    position: absolute;
    margin-top: -30px;
    margin-left: 30px;
    z-index: 2;}

.step-3-title:before{content: "3";
    font-size: 80px;
    opacity: 0.5;
    font-weight: bolder;
    color: #ccc;
    position: absolute;
    margin-top: -30px;
    margin-left: 30px;
    z-index: 2;}

/* Card Filter Page */

.top-filter { margin: 20px auto; overflow: hidden; background-color: #f9fdff;     border: 1px solid #337ab7;
   padding: 20px; }
   .event_filter {float:left; max-width: 300px; margin-right: 5%;}
.event_sub_filter {float:left; max-width: 300px; margin-right: 5%;}
.layout-filter {float:left; max-width: 620px; }

.filters li {float:left; font-size:20px; padding:0 20px 0 0;}
.filters li label {font-weight:normal;}

a#btnResetFilters { clear: both;     float: right; color:#fff; background:#141436; padding:10px 20px; border-radius:5px;}





    /* About Us page */
    .aboutus_header {background-image:url(../img/mv_about_header.jpg); min-height: 300px;}
    .aboutus_header h3{text-align:center; padding-top: 80px; font-weight: bold; font-size: 35px; line-height: 1.5em;}

    .about_wrap {overflow: hidden; max-width:1560px; margin:0 auto; padding-top:50px;}
    .about_wrap_2 {clear:both; overflow: hidden;  max-width:1560px; margin:0 auto; padding-top:50px;}
    .about_wrap h4, .about_wrap_2 h4 { font-size: 25pt;     text-transform: uppercase;     padding: 20px 0;}
    .about_wrap p, .about_wrap_2 p{font-family:Roboto; font-size:14pt; text-align:justify; margin-bottom: 30px; line-height: 1.8em;}
    .about_part2 {padding:30px 0 0 60px;}



     ul.host-list { font-size: 20px;     line-height: 1.8em; margin: 50px 0 0 60px; max-width: 1270px;}

     ul.host-list li{margin-bottom:20px;}

/*Modal Please Reply */

.modal-body {
    font-size:20px; text-align:center;
}


.plzreplaymodalradiodiv label.radio-inline { 
    /*background: #ccc;     padding: 5px 25px;     color: #fff;    border-radius: 9px; */
    padding: 5px 25px;
    color: #000;
    margin: 3px 10px;
}

.plzreplaymodalradiodiv [type="radio"]:checked+label {background: #00bcd4;}



.plzreplaymodalresponse {
    margin: 30px 0 10px 0;
}

.plzreplaymodal .modal-footer{
    width:300px; margin:0 auto;
}

.plzreplayhowmanydiv {
    float: none;
    clear: both;
    display: block;
    padding: 30px 0;
}

.legend {
    background: #fff;
    border: 1px solid #b9e4eb;
    padding: 0px 15px 10px 15px;
    font-size: 18px;
    line-height: 1.8em;
}
.legend_wrap{max-width: 940px;
    display: block;
    margin: 0 auto;}

.legend_wrap span {
    padding-right: 30px;
}
.legend_wrap img {
    padding: 0 10px 0 0;
    max-width: 25px;
}

.bulk-btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.bulk-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px  21px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-decoration: none !important;
}
.bulk-btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
	text-decoration: none !important;
}
.bulk-btn:focus, .bulk-btn:hover {
   text-decoration: none !important;
}

.legend { background: #fff; border: 1px solid #b9e4eb; padding: 0px 15px 10px 15px;    font-size: 18px;   line-height: 1.8em;}
.legend_wrap { max-width: 930px;  display: block;  margin: 0 auto;}
.legend_wrap span { padding-right: 30px;}
.legend_wrap img { padding: 0 10px 0 0;     max-width: 25px;}