##html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /* line-height: 1; */
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Reset Complete*/
html {
    overflow-y: scroll;
}

body {
    background: #f7f7f7;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    -webkit-font-smoothing: antialiased;
    font-family: "Titillium Web",Arial,sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    letter-spacing: 0px;
    overflow: hidden;
    /* font-family: sans-serif; */
    color: #666;
}

button, input, select, textarea, a {
    font-family: 'Titillium Web', ariel, sans-serif;
}

input[type="radio"] {
    width: inherit;
    height: inherit;
    margin: 5px 10px 0 0;
    -webkit-appearance: radio;
}


h1 {
    margin-top: 25px;
    margin-bottom: 5px;
    line-height: 58px;
}

h3 {
    margin-top: 16px;
    margin-bottom: 16px;
}

p {
    margin: 14px 0;
}

ul {
    padding: 0;
}

h2, h3, h4 {
    font-weight: normal;
}

h2 {
    width: calc(100% - 51px);
    margin-left: 0;
    background: none;
    margin-bottom: 15px;
    border-bottom: none;
    font-family: 'Titillium Web',Arial,sans-serif;
    line-height: 27px;
}

a {
    text-decoration: none;
    color: #327bc5;
    font-family: 'Titillium Web', ariel, sans-serif
}
a:hover {
    color: #1f5994;
    cursor: pointer;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.delay {
    transition-delay: 0.8s !important;
}

.x-slow-trans {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.slow-trans {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.trans {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#loader {
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background: url("../img/loading.gif") no-repeat center 280px rgba(240,240,240,0.25);
    background-size: 65px;
}
#loader.hide {
    opacity: 0;
    z-index: -1;
}

#loader img {
    float: none;
    margin: 45px auto;
    display: block;
    width: 290px;
}

.page-overlay {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(40, 40, 40, 0);
    z-index: -1;
}
.page-overlay.open {
    background: rgba(40, 40, 40, 0.7);
    z-index: 0;
}

.page-container {
    opacity: 0;
    z-index: 1;
}

.page-container.show {
    opacity: 1 !important;
}

.top-logo-container h2 {
    float: right;
    color: #fff;
    clear: none;
    width: auto;
    margin: 15px 3% 0 1.5%;
    font-size: 18px;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    font-weight: bold;
    font-family: 'Titillium Web',Arial,sans-serif;
    display: none;
}



.cover-overlay {
    position: fixed;
    width: 100%;
    height: 0;
    background: rgba(224, 224, 224, 0.4);
    z-index: 0;
    top: 0;
    left: 0;
}
.cover-overlay.open {
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

.cover-overlay form {
    margin-top: 0;
    width: 100%;
}

.pop-up {
    float: none;
    margin: 15px auto 200px;
    height: 0;
    background: #883d4f;
    color: #eee;
    border-radius: 5px;
    padding: 0 10px;
    overflow: hidden;
    border: none;
    max-width: 90%;
    position: relative;
    width: 700px;
}

.open .pop-up {
    border: 1px solid #753030;
    padding: 10px;
    height: auto;
    float: none;
}

.popup-header {
    float: left;
    width: 100%;
    font-size: 21px;
    border-bottom: 1px dotted #ab7a7a;
    padding-bottom: 5px;
}

.popup-body {
    float: left;
    width: 100%;
}

.close-pop-up {
    position: absolute;
    top: 12px;
    right: 13px;
    font-size: 19px;
    color: #E0D4D4;
    text-transform: uppercase;
}

.close-pop-up:hover {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

#popup-branch-name {
    overflow: hidden;
    width: calc(100% - 60px);
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-contact-container {
    float: left;
    width: 100%;
    border-top: 1px dotted #af6a6a;
    padding-top: 5px;
}

.branch-address {
    float: left;
    width: calc(100% - 442px);
    font-size: 15px;
    line-height: 32px;
    display: none;
}

.branch-contact {
    float: left;
    width: 200px;
    border-right: 1px dotted #500b1c;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    margin-top: 5px;
}

.branch-map {
    float: none;
    width: 400px;
    height: 400px;
    padding: 0 20px;
    max-width: 90%;
    margin: 10px auto;
    clear: left;
}

.branch-map-inner {
    float: left;
    width: 100%;
    height: 100%;
}

.pop-up p.main-para {
    padding-bottom: 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #333;
    font-size: 15px;
    width: 100%;
    padding-right: 70px;
    line-height: 25px;
    margin-top: -5px;
}

.pop-up li.option {
    float: left;
    clear: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #a56969;
    margin-bottom: 10px;
}
.pop-up li.option:hover {
    background: #9c5a69;
    border-color: #ce8484;
    cursor: pointer;
    box-shadow: 1px 1px 1px #4e0202;
}

.pop-up li .option-title {
    float: left;
    font-weight: bold;
}

.pop-up li .option-price {
    float: right;
}

.pop-up input {
    margin-top: 9px;
}

.pop-up button {
    cursor: pointer;
}

.pop-up .request-password-header {
    border-top: 1px solid #333;
    padding-top: 6px;
    font-size: 14px;
    margin-left: 0px;
    padding-left: 0px;
    display: none;
}

.initial-header-bar {
    position: relative;
    z-index: 1000 !important;
    width: 100%;
    float: left;
    padding: 0px;
    height: 0;
}

.initial-header-bar img {
    float: left;
    height: 62px;
    margin: 4px 1.2% 2px 7px;
    position: absolute;
    left: -27px;
    top: -41px;
    height: 142px;
}

.top-logo-container {
    float: left;
    width: calc(100% - 71px);
    display: block;
    margin: 0;
    padding-bottom: 10px;
    padding: 0;
}

.top-logo-container > a {
    width: 162px;
    height: 69px;
    overflow: hidden;
    float: left;
    position: relative;
    top: 20px;
    left: 15px;
    border-radius: 7px;
    border: 1px solid #948383;
    background: #000;
    border-top: none;
}

.top-logo-note {
    float: left;
    color: #D6C1C1;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 5px;
    border-left: 1px solid #AB8080;
    padding-top: 3px;
    padding-left: 10px;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.ion-ios-arrow-back.header-back-arrow,
.ion-star.header-star
 {
    position: absolute;
    font-size: 35px;
    margin-top: -1px;
    -webkit-transition: display 0.1s;

    -moz-transition: display 0.1s;
    -o-transition: display 0.1s;
    transition: display 0.1s;
    opacity: 0;
    left: 0;
    padding-left: 14px;
    width: 40px;
}
.ion-star.header-star {
    font-size: 30px;
    left: 2px;
    color: #ccc;
    padding-left: 5px;
    padding-top: 1px;
}
.ion-ios-arrow-back.header-back-arrow.isVisible,
.ion-star.header-star.isVisible {
    opacity: 1;
    z-index: 9999;
}

ion-header-bar {
    z-index: 9999;
    border-color: #919ee2;
    background-color: #990000;
    background-image: linear-gradient(0deg,#990000,#770000 50%,transparent 50%);
    display: block;
}
ion-header-bar input {
    border: 1px solid #b40000;
    border-radius: 5px;
    padding-left: 10px;
    width: calc(100% - 50px);
    margin-left: 3px;
    background: #600000;
    color: #fdd;
    position: relative;
}

.isHidden {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.isVisible {
    opacity: 1 !important;
    z-index: 100;
}

#header-bar ul {
    float: right;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    position: absolute;
    left: -1000px;
    padding-top: 10px;
    margin-top: 0;
    top: 0;
    width: 95%;
    background: rgba(30, 30, 30, 0.7);
    border-right: 1px solid #393434;
}
#header-bar ul.show {
    /* float: left; */
    left: 0;
    z-index: 9;
}
#header-bar ul.main.show {
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}

#header-bar li {
    list-style-type: none;
    float: left;
    padding: 25px 15px 0;
    font-size: 15px;
    clear: left;
    width: calc(100% - 30px);
    height: auto;
    background: rgba(30, 30, 30, 0.3);
    border-bottom: 1px solid #3e3d3d;
    font-family: 'Titillium Web', sans-serif;



    position: relative;
    min-height: 42px;
    text-transform: none;
}
#header-bar li.close {
    font-size: 23px;
    color: #e6dbdb;
    float: left;
    margin-top: -15px;
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #6d6868;
}

#header-bar .top-logo-container li i {
    float: left;
    font-size: 31px;
    color: #a09393;
    margin-top: -8px;
    margin-right: 8%;
    width: 40px;
    text-align: center;
}

#header-bar .top-logo-container li button i {
    float: none;
    color: #a07e7e;
    margin-right: 0;
    font-size: 27px;
}
#header-bar .top-logo-container li button i.fa-sort-asc {
    margin-top: 12px;
}

#header-bar li.close i {
    font-size: 34px;
    color: #dac4c4;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}

#header-bar li a {
    color: #cabdbd;
    text-decoration: none;
    float: left;
    width: 100px;
    margin-top: -15px;
    text-transform: none;
}
#header-bar li a:hover {
    color: #d0d2d8;
}

#header-bar li.contact a,
#header-bar li.free-addons a {
    margin-top: -5px;
}

#header-bar .inner-menu {
    position: relative;
    left: 0;
    width: calc(100vw - 42px);
    background: #403f3f;
    padding: 0;
    opacity: 1;
    border-top-color: #ccc;
    overflow: hidden;
    max-height: 0px;
    position: relative;
    float: left;
    clear: left;
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-top: 11px;
}

#header-bar ul.inner-menu.show {
    float: left;
    position: relative;
    height: auto;
    opacity: 1;
    display: block;
    margin-top: 11px;
    width: calc(100% + 30px);
    border: none;
    margin-left: -15px;
    /* border-top: 1px solid #6f6d6d; */
    max-height: 1000px;
    top: 0;
}

#header-bar .inner-menu li {
    float: left;
    height: 35px;
    color: #797878;
    max-height: 0;
    overflow: hidden;
    clear: left;
    padding: 20px 28px 6px;
    width: calc(100% - 56px);
    margin: 0;
    background: #4a4948;
    border-bottom-color: #333;
}


#header-bar .inner-menu.show li {
    clear: none;
    float: left;
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
    opacity: 1;
}

#header-bar .inner-menu li a {
    float: none;
}

#header-bar .inner-menu li i {
    width: 40px;
    font-size: 21px;
    margin-top: 2px;
    margin-right: 4%;
    margin-left: 5px;
    float: left;
    text-align: center;
}
#header-bar .inner-menu li i.fa-window-minimize {
    margin-top: -5px;
}

#header-bar ul.main ul.inner-menu li:hover i {
    transform: scale(1.25);
}

#header-bar .inner-menu li br {
    display: none;
}

#header-bar .inner-menu li span {
    display: none;
}

#header-bar button {
    float: right;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 15px;
    top: 20px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #dadada;
    border-left-color: #edeef3;
    color: #363458;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    font-family: 'Titillium Web', sans-serif;
    padding-top: 10px;
    border-bottom-color: #dbe4f9;
    padding: 5px 10px;
    background: rgba(30, 30, 30, 0.4);
    border: none;
    color: #f5c2c2;
    border-radius: 11px;
    border: 1px solid #948383;
}
#header-bar button.quote {
    display: none;
}

#header-bar .top-logo-container button {
    height: 67px;
    position: relative;
    background: rgba(230, 230, 230, 0);
    text-align: center;
    border-color: transparent;
    float: right;
    margin-top: -25px;
    margin-right: -15px;
    margin-bottom: -2px;
    border-top: none;
}
#header-bar .top-logo-container button:hover {
    background: rgba(230, 230, 230, 0.2);
}

#header-bar .top-logo-container ul.main button {
    margin-top: -45px;
    border-radius: 0;
    right: 0;
}

#header-bar button.menu i {
    font-size: 33px;
}

.initial-header-buttons {
    float: left;
    position: absolute;
    border-radius: 5px;
    background: rgba(195, 195, 195, 0.5);
    margin: 6px 5px 0;
    border-radius: 0;
    color: #6d6d6d;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #0e1331;
    border-left: none;
    border-right: none;
    height: 34px;
    overflow: hidden;
    bottom: -37px;
}

.initial-header-buttons button {
    float: left;
    height: 34px;
    border-radius: 0px;
    color: #daa;
    font-size: 12px;
    padding: 8px 2% 7px 4%;
    border: none;
    background: none;
    margin-right: 10%;
    margin-top: 0;
    margin-bottom: 0;
    width: 33.3%;
    margin-right: 0;
    margin-left: 0;
    border-right: 1px solid #a09f9f;
}

.initial-header-buttons button a {
    color: #343654;
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
}

.initial-header-buttons button.active {
    color: #808080 !important;
}

.initial-header-buttons button.whos-online {
    border-right: none;
}

.initial-header-buttons button.full-website {
    display: none;
}

.initial-header-buttons button i {
    float: left;
    font-size: 20px;
    margin-top: -6px;
    display: none;
}

.initial-header-buttons button.full-website i {
    padding-top: 1px;
}

.header-img {
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: -123px;
    position: relative;
    max-height: 700px;
    margin-top: -70px;
    height: 495px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
}
.header-img.back-fixed {
    background-attachment: fixed;
}

.index .header-img {
    background-image: url('../img/sundaes-gelato-cover.jpg');
}
.index .header-img.back-fixed {
    background-attachment: scroll;
}

.appointment-booking-software .header-img,
.business-management-software .header-img,
.customer-contact-software .header-img,
.live-chat-software .header-img,
.menu-and-catalogue-software .header-img {
    background-image: url('../img/software-for-all-devices.jpg');
}

.website-enhancements .header-img,
.privacy-policy .header-img {
    background-image: url('../img/website-enhancements.jpg');    
}

.business-packages .header-img {
    background-image: url('../img/business-packages-small.jpg');
    background-attachment: scroll;
    background-position-y: 90%;
    background-size: 600px 120%;
}

.business-promotion .header-img {
    background-image: url('../img/business-promotion.jpg');
}
.business-promotion .back-fixed.header-img {
    background-position-y: -160px;
}

.header-img .header-vid-container {
    width: 109%;
    position: relative;
    padding: 0;
    padding-top: 52.6%;
    -webkit-filter: blur(0px);
    margin-left: -22%;
    margin-top: -1%;
    display: none;
}

.header-img .header-vid-container span {
    position: absolute;
    width: 120%;
    height: 120%;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9;
    -webkit-filter: blur(0px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    left: -5%;
    top: -5%;
}

.header-img .header-text-container {
    position: absolute;
    z-index: 10;
    color: #fff;
    font-family: 'Titillium Web',Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    width: 85%;
    left: 7.5%;
    text-align: center;
    top: 25%;
}

.header-img iframe {
    position: absolute;
    max-width: 132%;
    top: 0;
    left: 0;
    width: 165%;
    height: 165%;
    margin-top: -7%;
}

.header-img .iframe-banner {
    position: absolute;
    width: 560px;
    bottom: 10px;
    left: 5px;
    background: #31378e;
    z-index: 99;
    border: 1px solid #515a84;
    color: #b8bac1;
    padding: 5px 0;
    text-align: center;
    max-width: calc(100% - 10px);
}

.header-img .iframe-banner a {
    color: #b8bac1;
    text-decoration: none;
}

.header-img i {
    font-size: 55px;
    float: none;
    margin: 200px auto 0;
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 3;
    border-radius: 45px;
    border: 1px solid #fff;
    width: 81px;
    height: 66px;
    padding-top: 15px;
    background: rgba(23,23,23,0.3);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.header-img.at-top i {
    opacity: 1;
}


.header-img i.fa-user-secret {
    padding-left: 6px;
    width: 75px;
}

.header-img i.fa-search {
    padding-top: 10px;
    height: 71px;
}

.header-img i.fa-facebook-square {
    padding-top: 14px;
    height: 67px;
}

.header-img i.fa-calendar {
    padding-top: 11px;
    height: 70px;
}

.header-img i.fa-book {
    padding-top: 12px;
    height: 69px;
}

.header-img i.fa-circle-plus {
    padding-top: 13px;
    height: 68px;
}

.header-img i.fa-laptop {
    padding-top: 12px;
    height: 69px;
}

.header-img i.fa-cutlery {
    padding-top: 15px;

    height: 66px;
    font-size: 50px;
}

.header-img i.fa-desktop {
    padding-top: 19px;
    height: 62px;
    font-size: 47px;
}

.header-img i.fa-scissors {
    padding-top: 11px;
    height: 70px;
}

.header-img i.fa-home {
    padding-top: 11px;
    height: 70px;
}

.header-inner-wrap {
    margin: 0;
    z-index: 2;
    padding: 0;
    width: 100%;
    background: #222;
    float: left;
    height: 100%;
    position: absolute;
    opacity: 0.55;
}

.contact .header-inner-wrap,
.press .header-inner-wrap {
    text-align: center;
}

.header-img h1 {
    z-index: 10;
    color: #fff;
    font-family: 'Titillium Web',Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    width: 80%;
    margin-left: 10%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.header-img.at-top h1 {
    opacity: 1;
}

.index .header-img h1 {
    width: 90%;
    margin-left: 5%;
}

.header-img h2 {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin-top: 0;
    color: #cc7a8d;
}

.header-img h2 a {
    color: #bdcdfb;
}

.header-img button:hover {
    color: #eee;
    background: #d23d3d;
    cursor: pointer;
    border-color: #a5232f;
}

.header-img h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: quicksand, sans-serif;
    font-weight: bold;
    display: none;
}

.header-img button {
    width: 200px;
    background: #d8364c;
    color: #ddd;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    border-color: #9c1c69;
    border-radius: 4px;
}

.contact .header-img h1,
.press .header-img h1 {
    text-align: center;
}
.press .header-img h1 {
    margin-top: -20px;
}
.contact .header-img h1 {
    margin-top: -13px;
}

.contact .header-img img.main-img,
.press .header-img img.main-img {
    display: none;
}

.header-img h1 i {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    margin-bottom: 15px;
}

.header-img p {
    position: relative;
    z-index: 1000;
    color: #1c2169;
    font-size: 15px;
    line-height: 35px;
    width: 90%;
    margin-top: 1px;
    float: left;
    margin-left: 5%;
    text-shadow: 1px 1px 1px #888;
    margin-bottom: 5px;
    max-height: 285px;
    overflow: hidden;
}

.header-img img.background-img {
    width: 100%;
}

.header-img img.main-img {
    width: 40%;
    max-width: 400px;
    margin: -50% auto 7%;
    display: none;
}

.preview-button {
    float: left;
    width: 92%;
    z-index: 1;
    position: relative;
    border: 1px solid #102075;
    margin-left: 3.5%;
    color: #ddd;
    font-size: 14px;
    box-shadow: 1px 2px 1px #222;
    margin-right: 1%;
    margin-top: 5px;
    padding-top: 14px;
    padding-bottom: 14px;
    cursor: pointer;
}

.main-content {
    float: left;
    width: 100%;
    background: #e8eff4;
    margin-bottom: 20px;
    position: relative;
}

.main-content-topbar {
    float: left;
    width: calc(100% - 40px);
    position: relative;
    border-top: 1px solid #b7adad;
    padding: 30px 20px;
    color: #5d5d5d;
}
.main-content-topbar.main-content-topbar-last {
    display: none;
}

.main-content-topbar img {
    width: 155px;
    float: none;
    margin: 0 auto 20px;
    display: block;
    border: 2px solid #bf9e9e;
    border-radius: 134px;
    height: 155px;
}

.main-content-topbar h1,
.main-content-topbar h2 {
    max-width: 249px;
    float: none;
    margin: 0 auto;
    text-align: center;
    font-size: 38px;
    border-bottom: 0;
    margin-bottom: 10px;
    color: #373738;
    font-weight: bold;
    width: 80%;
    line-height: 49px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0px;
    border-bottom: 2px solid #555;
    padding-bottom: 5px;
    text-align: center;
    font-weight: bold;
}

.main-content-topbar p {
    /* color: #b5b4b4; */
    font-size: 13px;
    max-width: calc(100% - 40px);

    margin: 0 auto;
    display: block;
    position: relative;
    line-height: 20px;
    text-align: center;
    font-family: quicksand, sans-serif;
}
.main-content-topbar p.hp-main-tile-coloured-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #d26d88;
    font-size: 18px;
    margin-bottom: 15px;
}

.main-content-topbar button {
    width: 200px;
    background: #9c2742;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin: 15px auto 0;
    display: block;
    float: none;
    border-radius: 1px;
    height: 51px;
    padding: 0;
}
.main-content-topbar button.right-button {
    background: #c36d73;
}

.main-content-topbar button a {
    color: #c8d0e0;
    float: left;
    width: calc(100% - 20px);
    height: calc(100% - 30px);
    position: relative;
    padding: 15px 10px;
    font-weight: bold;
}
.main-content-topbar button.right-button a {
    color: #4c2929;
}

.main-content-form {
    float: left;
    width: 100%;
    clear: left;
}

.main-container-dark {
    background: #202231;
}

.main-container-dark-red {
    background: #6d2032;
}

.main-container-dark-grey {
    background: #d0d0d0;
}

.main-container-grey {
    background: #f4f4f4;
}

.main-container-white {
    background: #fff !important;
}
.index .main-container-white {
    margin: -20px 0 0 !important;
    border-top: 1px solid #ddd;
}

.main-container.no-bottom-marg,
.main-content.no-bottom-marg {
    margin-bottom: 0 !important;
}

.main-container-narrow {
    background: #dbe6ef !important;
}

.large-img-tile {
    width: calc(100% - 30px);
    margin: 20px 15px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 13px;
}

.main-container img {
    /* border: 1px solid #944154; */
}
.about-us .main-right-tile img,
.main-container .our-philosophy img {
    border: 2px solid #a94a4a;
    width: 110px;
    height: 110px;
}

.main-container img.img-tile {
    border: 10px solid #c7afaf;
    border-radius: 16px;
    width: calc(100% - 20px);
}

.main-container .large-img-tile .large-tile-text {
    position: absolute;
    width: 100%;
    border-radius: 14px;
}
.main-container .large-img-tile .large-tile-text.large-tile-text-hidden {
    top: 100%;
    background: rgba(230, 230, 230, 0);
    height: calc(100% - 70px);
    color: #333;
    padding: 50px 10px 20px;
    width: calc(100% - 20px);
}
.main-container .large-img-tile:hover .large-tile-text.large-tile-text-hidden {
    top: 0;
    background: rgba(230, 230, 230, 0.7);
}

.main-container .large-img-tile .large-tile-text.large-tile-text-hidden p {
    color: #4a121f;
    font-weight: bold;
    width: 100%;
}

.main-container .large-img-tile .large-tile-text.large-tile-text-hidden a {
    width: calc(85% - 20px);
    margin-left: 7.5%;
    border-radius: 10px;
    background: #a95367;
    color: #fff;
    font-weight: bold;
    border: 1px solid #6d2032;
    padding: 10px;
    float: left;
    text-align: center;
}
.main-container .large-img-tile .large-tile-text.large-tile-text-hidden a:hover{
    background: #ea7892;
    border-color: #752d3e;
}

.main-container h2 {
    text-transform: uppercase;
    display: block;
    float: none;
    margin: 15px auto;
    text-align: center;
    font-weight: bold;
    font-size: 29px;
    color: #232133;
    clear: both;
}
.main-container h2.lower {
    text-transform: none;
    color: #444;
}

.main-container.product-info h2 {
    font-size: 25px;
}

.main-container-dark .text h2,
.main-container-dark-red .text h2 {
    color: #fff !important;
}


/* Homepage Specifically */

.alt-prod-tiles-container {
    margin-top: 15px;
    float: left;
}

.main-container .cust-story-tiles,
.main-container .widget-prod-tiles {
    float: left;
    width: 100%;
    background: #fff;
    color: #2a4145;
    margin-bottom: 15px
}
.main-container .widget-prod-tiles {
    transform: scale(0.8);
    opacity: 0;
}
.main-container .widget-prod-tiles.show {
    transform: scale(1);
    opacity: 1;
}

.main-container a.widget-prod-tiles.widget-prod-tile-last,
.main-container a.cust-story-tiles.cust-story-tile-last {
    float: none;
    display: table;
    margin: 0 auto;
}
.main-container a.widget-prod-tiles.widget-prod-tile-last {    float: none;
    margin-bottom: 10px;
}

.cust-story-tiles {
    float: left;
    width: 100%;
    color: #2a4145;
}

.cust-story-tiles img {
    float: left;
    width: 66px;
    height: 65px;
    border-radius: 36px;
    border-color: #bbbccc;
}

.cust-story-tiles i {
    float: right;
    width: 20px;
    font-size: 24px;




    color: #2b2a2a;
    margin-left: 0;
    margin-top: 9px;
    padding-left: 0;
    height: auto;
}

.widget-prod-tiles.widget-prod-tiles-alt {
    width: calc(33.33% - 17px);
}

.tile-icon {
    float: left;
    width: calc(100% - 2px);
    height: 140px;
}
.product-summary-tile .tile-icon {
    border-radius: 4px;
    background: none !important;
}

.tile-icon.tile-icon-1 {
    border: 1px solid #6467c1;
    background: #3a4384;
}

.tile-icon.tile-icon-2 {
    background: #a04141;
    border: 1px solid #c75e5e;
}

.tile-icon.tile-icon-3 {
    background: #43a491;
    border: 1px solid #58c5b0;
}

.tile-icon.tile-icon-4 {
    background: #a2306c;
    border: 1px solid #c33a82;
}

.tile-icon.tile-icon-5 {
    background: #b5bd31;
    border: 1px solid #e2e877;
    border-bottom: 1px solid #ecf19e;
}

.tile-icon {
    width: auto;
    height: auto;
}

.widget-prod-tiles i.fa {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 53px;
    float: none;
    display: block;
    font-size: 28px;
    width: 35px;
    height: 37px;
    padding-left: 9px;
    padding-top: 7px;
    margin: 12px 10px;
}

.widget-prod-tiles i.fa-link {
    padding-top: 9px;
    height: 35px;
}

.widget-prod-tiles i.fa-plus {
    padding-left: 11px;
    width: 33px;
    padding-top: 9px;
    height: 35px;
}

.widget-prod-tiles i.fa-list {
    padding-top: 10px;
    height: 34px;
}

.widget-prod-tiles i.fa-window-minimize {
    padding-top: 1px;
    height: 43px;
    padding-left: 8px;
    width: 36px;
}

.widget-prod-tiles i.fa-usd {
    padding-left: 13px;
    width: 31px;
    height: 36px;
    padding-top: 8px;
}

.widget-prod-tiles i.fa.fa-paint-brush {
    width: 37px;
    height: 36px;
    padding-left: 7px;
    padding-top: 8px;
}

.widget-prod-tiles i.fa.fa-laptop {
    width: 37px;
    height: 36px;
    padding-left: 7px;
    padding-top: 8px;
}

.widget-prod-tiles i.fa.fa-mobile {
    width: 29px;
    height: 36px;
    padding-left: 15px;
    padding-top: 8px;
}

.widget-prod-tiles i.fa.fa-list-alt {
    width: 36px;
    height: 35px;
    padding-left: 8px;
    padding-top: 9px;
}

.widget-prod-tiles i.fa.fa-headphones {


    width: 35px;
    height: 35px;
    padding-left: 9px;
    padding-top: 9px;
}

.widget-prod-tiles i.fa.fa-facebook-square {
    width: 34px;
    height: 36px;
    padding-left: 10px;
    padding-top: 8px;
}

.widget-prod-tiles i.fa.fa-plus-circle {
    width: 34px;
    padding-left: 10px;
    height: 35px;
    padding-top: 9px;
}

.main-container .text .widget-prod-tiles p,
.main-container .text .cust-story-tiles p {
    float: left;
    color: #2a4145;
    font-size: 13px;
    margin-top: -10px;
    height: 30px;

    width: calc(100% - 97px);
    padding: 6px 10px 6px 15px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: left;
}

.main-container .widget-prod-tiles button, .main-container .widget-prod-tiles a.button {
    width: calc(100% - 50px);
    float: none;
    margin: 0 auto 15px;
    display: flex;
    background: #d66464;
    border: 1px solid #961919;
    border-bottom: 1px solid #9c0909;
    color: #eee;
    text-transform: uppercase;
    font-size: 15px;
    max-width: 195px;
    text-align: start;
}

.main-container .widget-prod-tiles a span {
    float: left;
    display: block;
    border-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
}

.main-container .text .cust-story-tiles p {
    width: calc(100% - 130px);
    float: left;
    color: #9e9d9d;
    font-style: italic;
    text-align: left;
    padding-left: 0;
    font-weight: bold;
    font-family: quicksand,sans-serif;
    margin-bottom: 0;
    padding-bottom: 0;
    letter-spacing: -1px;
    margin-left: 14px;
}

.main-container .text .alt-prod-tiles-container p {
    height: auto;
}

.main-container .text .widget-prod-tiles h4,
.main-container .text .cust-story-tiles h4,
.main-container .text .features-tiles h4 {
    text-transform: uppercase;
    float: left;
    font-weight: bold;
    font-family: "Titillium Web",Arial,sans-serif;
    color: #2a4145;
    line-height: 31px;
    width: calc(100% - 87px);
    margin-top: 3px;
    font-size: 16px;
    padding-top: 0px;
    height: 27px;
    margin-bottom: 5px;
    text-align: left;
    margin-left: 15px;
}

.business-packages .main-container .text .widget-prod-tiles h4  {
    font-size: 14px;
}

.main-container .text .cust-story-tiles h4  {
    width: calc(100% - 104px);
    border-bottom: 1px dotted #bbb;
    padding-bottom: 5px;
    margin-bottom: 11px;
    margin-top: 0;
    margin-left: 0;
    padding-left: 14px;
}

.main-container .text .features-tiles h4 {
    color: #eee;
    font-family: 'Titillium Web',Arial,sans-serif;
    width: 100%;
    margin-top: 25px;
    font-size: 19px;
    padding-top: 0px;
    height: 31px;
    margin-bottom: 0;
    text-align: center;
    margin-left: 0;
}

.main-container .addon-benefits-container {
    max-height: 300px;
    overflow: hidden;
    padding: 0 5px;
}
.main-container .addon-benefits-container.open {
    max-height: 2400px;
}

.main-container .our-philosophy-container {
    /* overflow: hidden; */
    float: left;
    width: 100%;
}
.main-container .our-philosophy-container.open {
    max-height: 2000px;
    opacity: 1;
}

.main-container .main-left-tile {
    float: left;
    background: #fff;



    border: 1px solid #ddd;
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}

.main-left-tile .image {
    float: left;
    width: 100%;
    height: 200px;
    background: #a95d5d;
    background: #565787;
    margin-right: 10px;
}

.main-left-tile .caption {
    float: left;
    color: #444;
    font-style: italic;
    text-align: center;
    margin: 15px 10px;
    width: calc(100% - 20px);
}

.main-left-tile .caption-note {
    float: left;
    width: 100%;
    text-align: center;
    color: #c36d62;
    margin-bottom: 10px;
    font-style: italic;
}

.main-container .main-right-tile {
    float: right;
    background: #fefefe;
    width: 100%;
    margin-bottom: 18px;
    padding-bottom: 5px;
    margin-top: 55px;
}
.main-container .main-right-tile.our-philosophy,
.main-container .main-right-tile.install-addons,
.social-media .main-container .main-right-tile,
.main-container .main-right-tile.addon-benefits {
    float: left;
    position: relative;
    padding-bottom: 0;
}
.main-container .our-philosophy-summary .main-right-tile {
    margin: 0 5px 18px;
    float: none;
    display: inline-block;
    width: calc(100% - 13px);
}

.social-media .main-container .main-right-tile,
.main-container .main-right-tile.install-addons,
.main-container .main-right-tile.addon-benefits {
    margin-top: 15px;
    background: #f3f1f1;
    border: 1px solid #ddd;
    width: calc(100% - 2px);
    position: relative;
    overflow: visible;
}

.main-container .main-right-tile.install-addons,
.social-media .main-container .main-right-tile {
    border-radius: 35px;
    float: left;
    position: relative;
}

.main-container .main-right-tile.install-addons:hover,
.social-media .main-container .main-right-tile:hover {
    cursor: pointer;
    transform: scaleY(1.02);
    background: #fff;
}

.main-container .main-right-tile.install-addons .right-tile-bg,
.social-media .main-container .main-right-tile .right-tile-bg {
    border-radius: 30px 0 0 0;
    margin-bottom: 10px;
    float: left;
    width: calc(100% + 2px);
    position: relative;
    background-size: 133px;
    background-position: -17px -14px;
}

.main-container .main-right-tile.install-addons:hover .right-tile-bg,
.social-media .main-container .main-right-tile .right-tile-bg {
    background-position-y: -110px;
}

.main-container .main-right-tile.install-addons.right-tile-chocolate .right-tile-bg,
.main-container .main-right-tile.install-addons.right-tile-mint .right-tile-bg,
.social-media .main-container .main-right-tile.right-tile-mint .right-tile-bg {
    border-radius: 0 30px 0 0;
}

.main-container .main-right-tile .number {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px 0px;
    border-bottom: 1px dotted #8fbbe0;
    padding-bottom: 5px;

    text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding-top: 5px;
    color: #000;
    line-height: 35px;
}
.main-container .main-right-tile.install-addons .number,
.social-media .main-container .main-right-tile .number,
.main-container .main-right-tile.addon-benefits .number {
    border-bottom: none;
    background: #f1cce6;
    width: 45px;
    height: 35px;
    border-radius: 30px;
    float: none;
    margin: 12px auto 0;
    display: block;
    color: #423d3d;
    right: 15px;
    position: absolute;
    border: 1px solid #c87f92;
    z-index: 1;
}
.main-container .main-right-tile.yellow-tile .number {
    background: #c5bd68;
    border-color: #ada44e;
}
.main-container .main-right-tile.green-tile .number {
    background: #aac177;
    border-color: #8fa75c;
}
.main-container .main-right-tile.purple-tile .number {
    background: #ba9bbd;
    border-color: #99679e;
}
.main-container .main-right-tile.grey-tile .number {
    background: #bfbfbf;
    border-color: #9c9b9b;
}
.main-container .main-right-tile.red-tile .number {
    background: #cf7878;
    border-color: #a35757;
}

.main-right-tile .right-tile-bg {
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
    left: -1px;
    border-radius: 20px 0 0 0;
}

.main-right-tile .right-tile-bg.pink {
    background: #d5a9a9;
    background-image: url('../img/tile-bg-icons-red.png');
    border-bottom: 1px solid #cb9199;
}

.main-right-tile .right-tile-bg.yellow {
    background: #eefab6;
    border-bottom: 1px solid #d6d08f;
    background-image: url('../img/tile-bg-icons-yellow.png');
}

.main-right-tile .right-tile-bg.mint {
    background: #c1f6d2;
    border-bottom: 1px solid #a1e3d4;
    background-image: url('../img/tile-bg-icons-green.png');
}

.main-right-tile .right-tile-bg.brown {
    background-color: #e1ddad;
    border-bottom: 1px solid #c2be8d;
    background-image: url('../img/tile-bg-icons-brown.png');
}

.main-right-tile .right-tile-bg.blue {
    background-color: #99d0ef;
    border-bottom: 1px solid #78bbe0;
    background-image: url('../img/tile-bg-icons-blue.png');
}

.main-right-tile .right-tile-bg.dark-blue {
    background-color: #71a2bd;
    border-bottom: 1px solid #78bbe0;
    background-image: url('../img/tile-bg-icons-blue.png');
}

.main-right-tile .right-tile-bg.white {
    background-color: #f5f7ef;
    border-bottom: 1px solid #d6d5ce;
    background-image: url('../img/tile-bg-icons-white.png');
}

.main-right-tile .right-tile-bg.peach {
    background-color: #e88391;
    background-image: url('../img/tile-bg-icons-peach.png');
    border-bottom: 1px solid #e16f7f;
}

.main-right-tile .image {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 19px 0 0;
    float: none !important;
    display: block;
}

.about-us .main-right-tile .image,
.main-right-tile.our-philosophy .image {
    margin: -50px 0 0 5px;
    border-radius: 70px;
    background: #cfc5e4;
}

.main-right-tile.our-philosophy:hover .image {
    /* width: 115px; */
    /* height: 115px; */
    /* margin-bottom: -5px; */
    /* margin-left: 2px; */
    transform: scale(1.1);
}

.main-right-tile.float-right .image {
    float: right;
}
.main-right-tile.install-addons .image,
.social-media .main-right-tile .image,
.main-right-tile.addon-benefits .image {
    width: 90px;
    height: 90px;
    margin-top: -20px;
    position: absolute;
    top: 40px;
    left: calc(50% - 45px);
    padding-bottom: 20px;
    border-bottom: 1px dotted #a36853;
    margin-right: 0;
    float: none;
    border-radius: 10p;
}
.locate-parlours .main-right-tile.install-addons .image {
    width: 120px;
    height: 120px;
    top: 32px;
    left: calc(50% - 62px);
    border-radius: 83px;
    padding-bottom: 0;
    border: 3px solid #b19999;
}
.social-media .main-right-tile .image, .social-media .main-right-tile.addon-benefits .image {
    border-radius: 68px;
    width: 110px;
    height: 110px;
    padding-bottom: 0;
    left: calc(50% - 58px);
    border: 4px solid #dec2c2;
    top: 34px;
}

.main-right-tile .caption {
    margin: 15px 30px 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;

    color: #463838;
    float: left;
    text-align: left;
    line-height: 24px;
    width: 100%;
    text-align: center;
    margin: 15px 0 10px;
}
.main-right-tile.blue-tile .caption {
    color: #7b8a99;
}
.main-right-tile.yellow-tile .caption {
    color: #928b44;
}
.main-right-tile.green-tile .caption {
    color: #6f8248;
}
.main-right-tile.purple-tile .caption {
    color: #8d6e90;
}
.main-right-tile.grey-tile .caption {
    color: #8d8d8d;
}
.main-right-tile.red-tile .caption {
    color: #ae6b6b;
}

.main-right-tile .sub-caption {
    text-transform: uppercase;
    font-weight: bold;
    color: #a97183;
    font-size: 12px;
    padding: 0 30px 10px;
    width: calc(100% - 59px);
    float: left;
    clear: none;
    margin-bottom: 5px;
    text-align: center;
}

.main-right-tile .sub-caption span {
    font-weight: bold;
    color: #4c1d1d;
    margin-top: 5px;
    float: left;
    text-align: center;
    width: 100%;
}

.main-right-tile ul {
   display: none;
}

.about-us .main-right-tile .caption,
.main-right-tile.our-philosophy .caption,
.main-right-tile.our-philosophy .caption-note {
    margin-left: 19px;
    width: calc(100% - 20px);
    margin: 5px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}
.main-right-tile.float-right .caption-note {
    margin: 0 0 10px;
}
.main-right-tile.install-addons .caption,
.social-media .main-right-tile .caption,
.main-right-tile.install-addons .caption-note,
.main-right-tile.addon-benefits .caption {
    margin-left: 18px;
    width: calc(100% - 177px);
}

.about-us .main-right-tile:hover .caption,
.main-right-tile.our-philosophy:hover .caption {
    color: #6b2b3a;
}

.main-right-tile.install-addons .caption,
.social-media .main-right-tile .caption,
.main-right-tile.addon-benefits .caption {
    margin-left: 29px;
    width: calc(100% - 58px);
}

.main-right-tile.install-addons .caption,
.social-media .main-right-tile .caption {
    margin-bottom: 15px;
    margin-top: 145px;
    text-align: center;
    padding-bottom: 0;
    z-index: 2;
    position: relative;
    font-weight: bold;
    color: #000;
}

.main-right-tile.addon-benefits .caption {
    margin-bottom: 5px;
    margin-top: 34px;
}

.main-right-tile .caption-note,
.main-right-tile.our-philosophy .caption-note {
    margin: 0 15px 15px;
    text-align: center;
    width: 100% - 30px;
}
.about-us .main-right-tile .caption-note {
    margin: 10px 25px 20px;
    float: left;
}

.main-right-tile .right-tile-counter {
    position: absolute;
    top: 20px;
    background: #6d2032;
    left: 25px;
    border-radius: 20px;
    width: 27px;
    padding-left: 11px;
    font-size: 26px;
    color: #fff;
    z-index: 1;
    border: 1px solid #230b11;
}

.inner-container-slider.complex-slider .main-right-tile .share-button-bar {
    padding: 5px 0 0;
    margin-top: 0;
    height: 32px;
    font-size: 14px;
    float: right;
    position: absolute;
    top: 4px;
    right: 5px;
    border-bottom: 1px dotted #bfbfbf;
    color: #777274;
    width: 175px;
    max-width: calc(100% - 125px);
    overflow: hidden;
    display: none;
}

.inner-container-slider.complex-slider .main-right-tile .share-button-bar span{
    display: none;
}

.inner-container-slider .main-right-tile .share-button-bar i.fa {
    margin-left: 11px;
    margin-top: -4px;
    color: #a9a3a5;
    float: right;
    width: 30px;
    font-size: 26px;
    margin-bottom: 30px;
}
.inner-container-slider .main-right-tile .share-button-bar i.fa:hover {
    color: #c36d73;
}

.inner-container-slider .main-right-tile .share-button-bar i.fa-twitter-square {
    margin-left: 13px;
}

.inner-container-slider .main-right-tile .share-button-bar i.fa-envelope {
    margin-left: 10px;
    font-size: 23px;
    margin-top: -3px;
}



.main-right-tile .order-note {
    float: left;
    width: calc(100% - 30px);
    border-top: 1px dotted #caa;
    padding: 10px 15px;
    font-weight: bold;
    color: #880000;
}

.main-right-tile:hover .order-note {
    border-top: 1px dotted #caa;
    color: #d45959;
    background: #f5c1c1;
}

.inner-container-slider.complex-slider .main-right-tile .order-note button {
    float: right;
    width: 115px;
    font-size: 13px;
    background: #eaade3;
    height: 33px;
    border: 1px solid #b374ac;
    color: #222;
    padding-top: 5px;
    margin: -5px -10px;
    text-transform: uppercase;
    max-width: none;
    font-weight: bold;
}

.main-right-tile i {
    color: #51586d;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    height: auto;
}

.main-right-tile i.fa-arrow-right,
.main-right-tile i.fa-arrow-down,
.main-right-tile i.fa-plus {position: absolute;width: 39px;height: 39px;z-index: 1;/* background: #fff; */padding-left: 0;padding-top: 0;border-radius: 29px;margin-left: 0;font-size: 44px;color: #ecbbdd;}

.main-right-tile i.fa-plus {
    font-size: 36px;
    right: calc(50% - 20px);
    top: auto;
    bottom: -55px;
}

.main-right-tile i.fa-arrow-right {
    right: -40px;
    top: 20%;
    display: none;
}

.main-right-tile i.fa-arrow-down {
    bottom: -40px;
    left: calc(50% - 20px);
}

/* Generic Page */

.product-features .features-container {
    max-width: 1500px;
    float: none;
    display: block;
    margin: 0 auto;
}

.main-container .product-summary-tile {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.main-container .product-summary-tile.product-summary-tile-last {
    float: left;
    margin: 0 calc(25% - 7.5px);
    position: relative;
}

.main-container.product-summary i {
    color: #044494;
    float: left;
    width: 39px;
    height: 58px;
    font-size: 39px;
    margin-left: 0;
    margin-top: 13px;
    text-align: center;
    padding-left: 1px;
}
.main-container.product-summary.product-summary-narrow i {
    color: #333;
}

.product-summary i.fa.fa-th-list.tile-icon.tile-icon-features {
    padding-left: 18px;
    width: 37px;
}
.product-summary i.fa.fa-th-list.tile-icon.tile-icon-features {
    padding-left: 2px;
}

.product-summary i.fa.fa-gamepad.tile-icon.tile-icon-features {
    width: 39px;
    margin-top: 5px;
    height: 66px;
}

.product-summary i.fa-fast-forward.tile-icon.tile-icon-features {
    padding-left: 2px;
    width: 38px;
}

.main-container.product-summary-2 .product-summary-tile {
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
}

.product-features .features-tiles {
    float: left;
    width: 100%;
}

.product-features .tile-icon.tile-icon-features {
    width: 51px;
    float: none;
    margin: 0 auto;
    height: 53px;
    border-radius: 40px;
    background: #923b4f;
    border: 1px solid #d69393;
    display: -webkit-box;
    padding-left: 16px;
    font-size: 39px;
    padding-top: 13px;
    color: #f7f7f7;
}

.product-features i.fa-star.tile-icon.tile-icon-features {
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-briefcase.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 52px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-map-marker.tile-icon.tile-icon-features {
    padding-left: 22px;
    width: 45px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-area-chart.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;

    padding-top: 13px;
    height: 53px;
}

.product-features i.fa-twitter-square.tile-icon.tile-icon-features {
    padding-left: 17px;
    width: 50px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-twitter-square.tile-icon.tile-icon-features,
.product-features i.fa-instagram.tile-icon.tile-icon-features,
.product-features i.fa-facebook-square.tile-icon.tile-icon-features,
.product-features i.fa-google-plus-square.tile-icon.tile-icon-features {
    padding-left: 17px;
    width: 50px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-bullhorn.tile-icon.tile-icon-features {
    padding-left: 14px;
    width: 53px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-tag.tile-icon.tile-icon-features {
    padding-left: 19px;
    width: 48px;
    padding-top: 16px;
    height: 50px;
}

.product-features i.fa-info-circle.tile-icon.tile-icon-features {
    padding-left: 17px;
    width: 50px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-user.tile-icon.tile-icon-features {
    padding-left: 20px;
    width: 47px;
    padding-top: 13px;
    height: 53px;
}

.product-features i.fa-tablet.tile-icon.tile-icon-features {
    padding-left: 21px;
    width: 46px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-apple.tile-icon.tile-icon-features {
    padding-left: 18px;
    width: 49px;
    padding-top: 13px;
    height: 53px;
}

.product-features i.fa-eye.tile-icon.tile-icon-features {
    padding-left: 14px;
    width: 53px;
    padding-top: 13px;
    height: 53px;
}


.product-features i.fa-graduation-cap.tile-icon.tile-icon-features {
    padding-left: 10px;
    width: 57px;
    padding-top: 16px;
    height: 50px;
}

.product-features i.fa-image.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-users.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-usd.tile-icon.tile-icon-features {
    padding-left: 22px;
    width: 45px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-check.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 52px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-dropbox.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 52px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-paint-brush.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-calendar-check-o.tile-icon.tile-icon-features {
    padding-left: 16px;
    width: 52px;
    padding-top: 13px;
    height: 53px;
    font-size: 39px;
}

.product-features i.fa-id-badge.tile-icon.tile-icon-features {
    padding-left: 20px;
    width: 48px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-mobile.tile-icon.tile-icon-features {
    padding-left: 21px;
    width: 47px;
    font-size: 59px;
    padding-top: 3px;
    height: 63px;
}

.product-features i.fa-envelope-o.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
}

.product-features i.fa-bell.tile-icon.tile-icon-features {
    padding-left: 14px;
    width: 54px;
}

.product-features i.fa-cloud.tile-icon.tile-icon-features {
    padding-left: 14px;
    width: 54px;
    padding-top: 14px;
    height: 51px;
}

.product-features i.fa-car.tile-icon.tile-icon-features {
    padding-left: 12px;
    width: 56px;
}

.product-features i.fa-reply.tile-icon.tile-icon-features {
    padding-top: 15px;
    height: 51px;
    padding-left: 13px;
    width: 55px;
}

.product-features i.fa-check-square-o.tile-icon.tile-icon-features {
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-table.tile-icon.tile-icon-features {
    padding-top: 15px;
    height: 51px;

    padding-left: 16px;
    width: 52px;
}

.product-features i.fa-bar-chart.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
    padding-top: 16px;
    height: 50px;
    font-size: 35px;
}

.product-features i.fa-pie-chart.tile-icon.tile-icon-features {
    padding-top: 15px;
    height: 51px;
    padding-left: 17px;
    width: 51px;
}

.product-features i.fa-line-chart.tile-icon.tile-icon-features {
    padding-left: 14px;
    width: 54px;
    font-size: 37px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-signal.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 52px;
    font-size: 37px;
    padding-top: 13px;
    height: 53px;
}

.product-features i.fa-phone.tile-icon.tile-icon-features {
    padding-left: 19px;
    width: 49px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-list-alt.tile-icon.tile-icon-features {
     padding-top: 15px;
    height: 51px;
    padding-left: 15px;
    width: 53px;
}

.product-features i.fa-edit.tile-icon.tile-icon-features {
    font-size: 36px;
    padding-top: 16px;
    height: 50px;
    padding-left: 18px;
    width: 50px;
}

.product-features i.fa-window-restore.tile-icon.tile-icon-features {
    font-size: 32px;
    padding-top: 18px;
    height: 48px;
    padding-left: 15px;
    width: 53px;
}

.product-features i.fa-tags.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-gbp.tile-icon.tile-icon-features {
    padding-left: 23px;
    width: 44px;
    font-size: 37px;

    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-cogs.tile-icon.tile-icon-features {
    padding-left: 12px;
    width: 55px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-bookmark.tile-icon.tile-icon-features {
    padding-left: 20px;
    width: 48px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-credit-card.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 55px;
}

.product-features i.fa-picture-o.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 55px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-video-camera.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-code.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-internet-explorer.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 54px;
    padding-top: 13px;
    height: 53px;
}

.product-features i.fa-html5.tile-icon.tile-icon-features {
    padding-left: 18px;
    width: 50px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-css3.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
    padding-top: 15px;
    height: 51px;
}

.product-features i.fa-desktop.tile-icon.tile-icon-features {
    padding-left: 13px;
    width: 55px;
    padding-top: 16px;
    height: 50px;
}

.product-features i.fa-fast-forward.tile-icon.tile-icon-features {
    padding-left: 15px;
    width: 53px;
    padding-top: 14px;
    height: 52px;
}

.product-features i.fa-file.tile-icon.tile-icon-features,
.product-features i.fa-file-o.tile-icon.tile-icon-features,
.product-features i.fa-file-image-o.tile-icon.tile-icon-features,
.product-features i.fa-file-text-o.tile-icon.tile-icon-features,
.product-features i.fa-file-text.tile-icon.tile-icon-features {
    padding-left: 18px;
    width: 49px;
    padding-top: 13px;
    height: 53px;
}

.main-container .product-summary-tile.product-summary-tile-last {
    margin-right: 0;
    margin-left: 0;
}

.product-summary-tile img.tile-icon {
    width: calc(80% - 50px);
    display: block;
    float: none !important;
    margin: 0 auto;
    height: 80px;
    border: 1px solid #8b9bbf;
}

.product-summary-2 .product-summary-tile img.tile-icon {
    width: 80px;
    display: block;
    float: none !important;
    margin: 10px auto 30px;
    height: 80px;
    border-radius: 24px;

    box-shadow: 0px 1px 3px #777;
}

.product-summary-tile h4 {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #353535;
    font-family: 'Titillium Web', sans-serif;
    width: calc(100% - 70px);
    clear: none;
    margin-bottom: 4px;
    margin-left: 15px;
    float: left;
    margin: 4px 0 4px 15px;
}
.product-summary-narrow .product-summary-tile h4 {
    color: #4c7fb3;
}

.main-container .text .product-summary-tile p,
.main-container .text .product-summary-tile a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 18px;
    color: #073692;
    width: calc(100% - 77px);
    clear: none;
    margin-left: 15px;
    text-align: left;
    margin-bottom: 5px;
}
.main-container.product-summary-narrow .text .product-summary-tile p {
    color: #2b2b2b;
}
.main-container.product-summary-narrow .text .product-summary-tile a {
    color: #3b88d6;
    border-bottom: 1px dotted #3b88d6;
    width: auto;
    padding-bottom: 2px;
}

.main-container.product-summary-narrow .text .product-summary-tile a:hover {
    color: #2d6298;
    border-bottom: none;
}

.product-summary-2 .text .product-summary-tile h4 {
    text-align: center;
    width: calc(100% - 30px);
}

.product-summary-2 .text .product-summary-tile p {
    color: #444;
    font-style: italic;
    text-transform: none;
    font-size: 13px;
    text-align: center;
    width: calc(100% - 30px);
}

.main-container .text .features-tiles p {
    line-height: 20px;
    font-size: 13px;
    color: #eee;
    width: 75%;
    text-align: center;
    margin: 25px auto 40px;
    display: block;
    padding-left: 12.5%;
    padding-right: 12.5%;
}

.start-journey button {
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    background: #eab86d;
    border-color: #cea022;
    color: #6f4949;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
}
.main-container-dark.start-journey button {
    border-color: #fde3bd;
}

.start-journey button:hover {
    background: #efbf77;
    color: #444;
    cursor: pointer;
    border-color: #fde3bd;
}
.main-container-dark.start-journey button:hover {
    border-color: #333;
}

.packages-container,
.business-promotion-container {
    float: none;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
}
.packages-container.business-package-container,
.business-promotion-container {
    padding: 20px 10px;
    display: table;
    width: auto;
    border: 1px dotted #bbb;
    border-top: none;
    border-bottom: none;
}

.packages-container.business-package-container {
    border-color: #6b7c9a;
}

.packages-container.business-package-container .business-package-inner-container {
    float: none;
    width: auto;
    margin: 0 auto 20px;
}

.main-package-container {
    float: left;
    border: 1px solid;
    background: #eeeef0;
    border-radius: 2px;
    margin: 46px 0 7px;
    border-color: #b5b0b0;
    padding-bottom: 0px;
    width: calc(100% - 2px);
    position: relative;
}

.business-package-container .main-package-container {
    /* max-height: 427px; */
    position: relative;
    padding-bottom: 44px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
    border: 1px solid #1e1f27;
    margin-top: 35px;
}
.business-package-container .main-package-container.show {
    max-height: 2000px;
}

.main-package-container.last-package-container {
    float: none;
    display: table;
    margin: 7px auto;
}

.main-package-container h4 {
    float: left;
    width: calc(100% - 2px);
    padding: 0;
    margin-top: 0;
    font-family: 'Titillium Web', ariel, sans-serif;
    font-size: 15px;
    margin-bottom: 15px;
    border: 1px solid #3869d8;
    background: #5a96d2;
    color: #e2dedf;
    position: relative;
}

.business-package-container .main-package-container h4 {
    background: #d7e2ef;
    border-color: #ffffff;
    border-bottom-color: #cbd4de;
    color: #2b2b2b;
    margin-bottom: 0px;
    padding-left: 60px;
    width: calc(100% - 63px);
}

.main-package-container h4 i {
    float: left;
    width: 43px;
    height: calc(100% - 11px);
    font-size: 28px;
    margin-left: 0;
    padding-left: 17px;
    margin-top: 0;
    padding-top: 26px;
    color: #ffffff;
    text-align: left;
    background: #64a5ed;
    position: absolute;
    top: -15px;
    border-radius: 12px 12px 0 0;
    border: 1px solid #3c5487;
    left: -2px;
    border-bottom: none;
}

.main-package-container h4 span {
    float: none;
    /* margin: 0 auto; */
    display: table;
    width: calc(100% - 94px);
    text-align: left;
    padding: 5px 4px 5px 10px;
}

.main-package-container .coming-soon-label {
    background: #c95b5b;
    padding: 1px 15px 2px;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 4px;
    border-radius: 19px;
    border: 1px solid #825656;
}
.business-packages .main-package-container .coming-soon-label {
    top: 61px;
    border-color: #a12020;
    padding: 0 10px;
}

.main-package-container .package-label {
    margin-left: 0;
    padding-left: 0;
    font-weight: bold;
    color: #507aa9;
    padding-bottom: 0;
    float: left;
    width: calc(100% - 10px);





    padding: 5px;
    text-align: right;
    background: #f8f8f8;

}
.graded-packages-container .main-package-container h4 span {
    width: calc(100% - 20px);
    padding-top: 12px;
    padding-bottom: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.main-package-container img.package-label-img {
    position: absolute;
    width: 88px;
    right: -3px;
    top: -43px;
    border-radius: 50px;
    border: 1px solid #5270bf;
    height: 88px;
    background: #64a5ed;
    margin: 0;
}
.business-packages .main-package-container img.package-label-img {
    top: -33px;
}

.main-package-container.platinum-package-container h4 i {
    background: #e5e4e2;
}

.business-package-container .main-package-container p {
    float: left;
    font-size: 13px;
    line-height: 14px;
}

.main-package-container a {
    font-weight: bold;
    color: #5f2e2e;
    text-decoration: underline;
}

.main-package-container ul {
    float: left;
    width: calc(100% - 18px);
    padding-left: 9px;
    margin-top: 0;
}

.business-package-container .main-package-container ul {
    max-height: 247px;
    overflow: hidden;
    padding-top: 10px;
    margin-top: -10px;
    margin-bottom: 8px;
}
.business-package-container .main-package-container ul.show {
    max-height: 2000px;
}

.main-package-container li {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
    float: left;
    clear: left;
    width: 100%;
}
.business-packages .main-package-container li {
    height: 41.5px;
}

.main-package-container li i {
    float: left;
    margin-left: 5px;
    font-size: 19px;
    border-radius: 23px;
    width: 24px;
    height: 26px;
    padding-left: 8px;
    padding-top: 6px;
    margin-top: 0;
    margin-bottom: 7px;
    background: #e0e0e0;
    border: 1px solid #9ba8bb;
    color: #313133;
    box-shadow: 0px 0px 9px #b3b3e4;
}

.business-package-container .main-package-container li i {
    background: #3b60bb;
    border: 1px solid #2e409b;
    color: #eaebec;
    box-shadow: 0px 0px 9px #5353b7;
}

.text  .business-package-container .main-package-container p {
    float: left;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    padding: 8px 11px 9px;
    width: calc(100% - 22px);
    border-bottom: 1px dotted #ccc;
    color: #3f5c7b;
    font-weight: bold;
    margin-bottom: 20px;
    background: #eef2f7;
    border-top: 1px dotted #d7e2ef;
}

.main-package-container i.fa-briefcase {
    padding-left: 7px;
    width: 25px;
}
.main-package-container i.fa-list-ul {
    padding-left: 7px;
    width: 25px;
}
.main-package-container i.fa-edit,
.main-package-container i.fa-check-square-o {
    padding-top: 7px;
    height: 25px;
}
.main-package-container i.fa-car {
    padding-left: 5px;
    width: 27px;
}
.main-package-container i.fa-cogs {
    padding-left: 5px;
    width: 27px;
}
.main-package-container i.fa-cloud,
.main-package-container i.fa-reply,
.main-package-container i.fa-line-chart,
.main-package-container i.fa-bar-chart,
.main-package-container i.fa-users {
    padding-left: 6px;
    width: 26px;
}
.main-package-container i.fa-bell {
    padding-left: 7px;
    width: 25px;
}
.main-package-container i.fa-facebook-square,
.main-package-container i.fa-phone {
    padding-left: 8px;
    width: 24px;
}
.main-package-container i.fa-id-badge {
    padding-left: 9px;
    width: 23px;
}
.main-package-container i.fa-plus {
    padding-left: 9px;
    width: 23px;
    padding-top: 7px;
    height: 25px;
}
.main-package-container i.fa-phone {
    padding-left: 9px;
    width: 23px;
    padding-top: 7px;
    height: 25px;
}
.main-package-container i.fa-mobile {
    padding-left: 12px;
    width: 20px;
}
.main-package-container i.fa-envelope-o {
    padding-top: 5px;

    height: 27px;
    padding-left: 7px;
    width: 26px;
}
.main-package-container i.fa-image,
.main-package-container i.fa-credit-card {
    padding-top: 7px;

    height: 25px;
    padding-left: 6px;
    width: 26px;
}


.main-package-container ul i.fa-calendar-check-o, .main-package-container ul i.fa-calendar {
    padding-top: 6px;
    height: 26px;
    padding-left: 8px;
    width: 24px;
}

.main-package-container i.fa-line-chart,
.main-package-container i.fa-bar-chart {
    font-size: 19px;
}
.main-package-container ul i.fa-window-restore {
    padding-left: 5px;
    width: 27px;
    padding-top: 7px;
    height: 25px;
}
.main-package-container ul i.fa-tags,
.main-package-container ul i.fa-list-alt {
    padding-left: 7px;
    width: 25px;
    padding-top: 7px;
    height: 25px;
}
.main-package-container ul i.fa-bookmark {
    padding-left: 9px;
    width: 23px;
    padding-top: 7px;
    height: 25px;
}

.main-package-container li span {
    float: left;

    width: calc(100% - 85px);
    margin-left: 10px;
    margin-top: 7px;
    font-family: 'Titillium Web', ariel, sans-serif;
    color: #555;
    font-size: 13px;
    margin: 7px 25px 0 10px;
}
.main-package-container li span.special-span {
    margin-left: 50px;
    margin-bottom: 10px;
}

.business-package-container .main-package-container li span {
    width: calc(100% - 60px);
    margin-right: 5px;
}

.main-package-container button {
    float: left;
    margin-bottom: 0;
    background: none;
    border: none;
    border-top: 2px dotted #bbb;
    margin-left: 10px;
    width: calc(100% - 20px);
    color: #222;
    font-size: 14px;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #eeeef0;
}

.main-package-container button:hover {
    border-top: 2px dotted #bbb;
    color: #229;
    background: #efefef;
}

.main-package-container button i {
    float: right;
    font-size: 20px;
    color: #111;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
}

.standard-features-note {
    float: left;
    width: calc(100% - 90px);
    padding: 0px 45px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #816d6d;
    font-weight: bold;
    margin-top: -6px;
    margin-bottom: 5px;
    line-height: 20px;
}
.platinum-package-container .standard-features-note {
    border-top: 1px dotted #b9b9b9;
    padding-top: 15px;
    margin-top: 5px;
    padding-bottom: 10px;
    line-height: 22px;
}

span.standard-colors-price-container,
span.custom-colors-price-container,
.package-description {
    float: left;
    width: calc(100% - 20px);
    padding: 5px 0;
    line-height: 29px;
    margin-right: 12px;
    font-size: 15px;
    margin-left: 10px;
}
.package-description {
    text-align: center;
}
span.standard-colors-price-container.business-package-price-container,
span.custom-colors-price-container.business-package-price-container {
    float: right;
    width: calc(100% - 20px);
    max-width: 500px;
    clear: right;
}
span.standard-colors-price-container.business-package-price-container {
    margin-top: 20px;
    border-top: 1px solid #758290;
    padding-top: 15px;
}

.standard-colors-price-container span.label,
.custom-colors-price-container span.label,
.package-description span.label {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #bfbebe;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #5a5959;
    font-weight: bold;
}
.package-description span.label {
    padding-bottom: 12px;
    margin-bottom: 8px;
}


.business-packages .standard-colors-price-container span.label,
.business-packages .custom-colors-price-container span.label,
.business-packages .package-description span.label {
    border-bottom-color: #bfbebe;
    color: #e8e9ec;
}

span.custom-colors-price-container {
    margin-top: 5px;
}

.custom-colors-price-container span.label {

    color: #3b73ab;
    border-bottom-color: #2f7ec1;
}

.business-packages .custom-colors-price-container span.label {
    color: #afcce8;
    border-bottom-color: #5f6084;
}

.price {
    font-size: 17px;
    text-align: right;
    float: left;
    width: 100%;
}

.price-note {
    float: left;
    font-size: 13px;
    background: #69c469;
    padding: 0px 16px 0 14px;
    color: #fff;
    border: 1px solid #55b155;
    border-radius: 0 27px 27px 0;
    height: 22px;
    line-height: 20px;
    margin-top: 3px;
    margin-left: calc(100% - 200px);
}

.custom-colors-price-container .price {
    color: #204aab;
}
.business-packages .custom-colors-price-container .price {
    color: #b0c3f1;
}

span.per-month-label {
    font-size: 11px;
    color: #444;
}
.main-container-dark .per-month-label {
    color: #ddd;
}

.business-promotion-section,
.contact-section {
    float: left;
    width: calc(100% - 10px);
    background: #f7f7f7;
    margin-top: 15px;
    border: 1px solid #cacaca;
    padding-bottom: 10px;
    margin-left: 5px;
    max-width: 800px;
}

.business-promotion-section {
    padding-bottom: 20px;
}

.business-promotion-section a:hover {
    border-bottom: 1px dotted #4b8bcb;
}

.header-contact-section.contact-section {
    position: fixed;
    z-index: -1;
    width: 100%;
    margin: 0;
    background: rgba(35, 41, 62, 0.95);
    height: 100%;
    opacity: 0;
    height: 100%;
    border-bottom: none;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
.header-contact-section.contact-section.open {
    overflow-y: scroll;
    z-index: 9999;
    opacity: 1;
}

.header-contact-section.contact-section .header-contact-section-inner {
    float: left;
    max-width: 650px;
    margin: 0 auto;
    background: #fbfafa;
    height: auto;
}
.header-contact-section.contact-section.open .header-contact-section-inner {
    transform: scale(1);
    margin-top: 20px;
}

.header-contact-section.contact-section .header-contact-section-inner h4 {
    font-size: 20px;
    padding: 20px 0px;
    border-bottom: 2px dotted #bbb;
    width: calc(100%  - 42px);
    margin-left: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 0;
}
.header-contact-section.contact-section .header-contact-section-inner h4.second {
    text-align: center;
    color: #5065d8;
    margin-top: -20px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 13px;
}

.header-contact-section.contact-section .header-contact-section-inner h4 i {

    float: right;
    font-size: 63px;
    margin-top: -18px;
    color: #333;
}
.header-contact-section.contact-section .header-contact-section-inner h4 i:hover {
    cursor: pointer;
    color: #555;
}

.header-contact-section.contact-section .header-contact-section-inner p {
    padding: 0 20px;

    text-align: center;
}

.header-contact-section.contact-section .header-contact-section-inner .header-contact-inner-top {
    max-height: 180px;
    float: left;
    width: 100%;
    margin-top: -10px;
    opacity: 1;
}

.header-contact-section.contact-section .header-contact-section-inner .header-contact-inner-top.hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.main-container .business-promotion-section h4 {
    float: left;
    width: calc(100% - 60px);
    background: #cddbea;
    margin-top: 0;
    padding: 12px 30px;
    color: #555979;
    font-size: 19px;
    margin-bottom: 0;
}

.main-container .business-promotion-section img {
    float: left;
    width: 100%;
    margin: 0;
    border: none;
}

.main-container .text .business-promotion-section p,
.main-container .text .contact-section p {
    float: left;
    width: calc(100% - 70px);
    font-size: 14px;
    line-height: 27px;
    text-align: left;
    padding: 15px 35px 5px;
    margin-bottom: 0;
    font-family: 'Titillium Web', ariel, sans-serif;
    color: #494f5a;
}
.main-container .text .business-promotion-section p {
    line-height: 29px;
    padding: 15px 30px 5px;
    width: calc(100% - 60px);
}

.main-container .business-promotion-section ul {
    float: left;
    width: calc(100% - 40px);
    clear: both;
    padding: 0 25px 0 15px;
    margin-bottom: 0;
    margin-top: 0;
    color: #222;
}

.main-container .business-promotion-section li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin-top: 15px;
}

.main-container .business-promotion-section li i {
    float: left;
    font-size: 25px;
    color: #90afd0;
    width: 30px;
    height: 30px;
    margin: -1px 15px 8px 0;
}

.main-container .contact-section h4 {
    float: none;
    width: auto;
    padding: 12px 0;
    color: #424f6d;
    font-size: 19px;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    display: table;
    margin: 0 auto 25px;
    border-bottom: 2px solid #424f6d;
}

.main-container .contact-section i {
    color: #3d4558;
    margin-left: 0;
    font-size: 45px;
    padding-left: 0;
    width: 60px;
}

.contact-section form textarea {
    padding-top: 10px;    
}

.main-container .contact-section form i,
.contact-section form i {
    color: #d25572;
    margin-left: 0;
    font-size: 22px;
    height: auto;
    width: auto;
    z-index: 2;
    padding-top: 1px;
    padding-left: 1px;
    position: absolute;
    left: 10px;
    margin-top: 16px;
}

.main-container .contact-section i.fa-phone,
.main-container .contact-section i.fa-envelope {
    font-size: 35px;
    height: 43px;
    margin-top: 11px;
    float: left;
}
.main-container .contact-section i.fa-building {
    height: 100px;
    float: left;
    margin-top: 40px;
}

.contact-section form i.fa-envelope-o {
    font-size: 18px;
    margin-top: 17px;
}

.main-container .contact-section form i.fa-phone,
.contact-section form i.fa-phone {
    font-size: 21px;
    margin-top: 18px;
    left: 11px;
}

.main-container .contact-section form i.fa-comment,
.contact-section form i.fa-comment {
    margin-top: 11px;
    font-size: 19px;
    left: 11px;
}

/* Add-on Examples Section */

.addon-examples .central-container {
    float: left;
    position: relative;
}
.addon-examples .central-container.central-container-dark {
    background: #333;
}

.addon-examples .h-container {
    float: left;
    width: 100%;
    background: #1a344e;
    border: 1px solid #141a2f;
    margin-bottom: 10px;
    color: #fff;
}

.addon-examples .central-container h2 {
    float: left;
    width: calc(100% - 20px);
    padding: 10px;
    margin: 10px 0 0;
}

.addon-examples p {

    float: left;
    width: calc(100% - 18px);
    padding: 0 10px;
    margin: 5px 0 16px;
}

.menu-container {
    float: left;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    border-top: 1px dotted #bbb;
    background: #265a90;
}

.menu-container h3,
.main-examples-frame h3 {
    margin-bottom: 5px;
    padding-top: 0px;
    float: left;
    margin-top: 5px;
    padding: 0;
    color: #222;
    font-weight: bold;
    margin-left: 13px;
}
.menu-container h3 {
    color: #e4e6e8;
}
.main-examples-frame h3 {
    margin-top: 25px;
    max-width: calc(50% - 20px);
}
.central-container.central-container-dark .main-examples-frame h3 {
    color: #eee;    
}

.menu-container .examples-menu-header,
.menu-container .examples-sub-menu-header {
    position: fixed;
    top: 0;
    width: calc(100% - 32px);
    background: #fff;
    left: -100%;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d5d4d4;
    overflow: hidden;
    padding: 11px 16px;
    color: #111;
    z-index: 1000;
}
.menu-container .examples-menu-header.open,
.menu-container .examples-sub-menu-header.open {
    left: 0;
}

.menu-container .menu-header span {
    float: right;
    text-transform: uppercase;
}

.examples-menu,
.examples-sub-menu,
.examples-menu-alt,
.examples-sub-menu-alt {
    float: left;
    width: calc(100% - 22px);
    margin-top: 0;
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 3px 10px;
    min-height: 42px;
    margin-bottom: 0;
}
.examples-menu-alt,
.examples-sub-menu-alt {
    position: fixed;
    top: 45px;
    left: -100%;
    width: calc(100% - 2px);
    overflow: hidden;
    padding: 0;
    min-height: 0;
    z-index: 1000;
    border-bottom: none;
    border-top: none;
}
.examples-menu-alt.open,
.examples-sub-menu-alt.open {
    left: 0;
}

.examples-menu li,
.examples-sub-menu li {
    display: none;
}
.examples-menu li.active,
.examples-sub-menu li.active {
    display: block;
    position: relative;
}

.examples-menu li,
.examples-sub-menu li {
    display: none;
    padding: 15px 5px 5px;
    float: left;
    width: calc(100% - 5px);
}

.examples-menu-alt li,
.examples-sub-menu-alt li {
    display: block;
    padding: 15px 14px;
    border-right: none;
    border-top: 1px solid #ddd;
    width: calc(100% - 28px);
    font-weight: bold;
}
.examples-sub-menu-alt li {
    padding: 15px 15px;
    width: calc(100% - 30px);
}
.examples-menu-alt li.active,
.examples-sub-menu-alt li.active {
    display: none;
}

.examples-sub-menu li span {
    width: calc(100% - 45px);
    float: left;
}

.examples-menu li i,
.examples-sub-menu li i,
.examples-menu-alt li i,
.examples-sub-menu-alt li i  {
    float: left;
    font-size: 19px;
    margin-top: -5px;
    margin-right: 10px;
}

.examples-sub-menu-alt li i  {
    display: none;
}

.examples-menu li i.main-icon,
.examples-menu-alt li i.main-icon {
    color: #fff;
    border: 1px solid #bfbdbd;
    border-radius: 24px;
    width: 23px;
    height: 23px;
    padding-left: 7px;
    padding-top: 7px;
}

.examples-menu li i.blue-icon,
.examples-menu-alt li i.blue-icon {
    background: #4c569e;
    padding-top: 1px;
    height: 29px;
    padding-left: 6px;
    width: 24px;
    border-color: #091b36;
}
.examples-menu li i.red-icon,
.examples-menu-alt li i.red-icon {
    background: #a04141;
    padding-left: 6px;
    width: 24px;
    border-color: #872020;
}
.examples-menu li i.green-icon,
.examples-menu-alt li i.green-icon {
    background: #43a491;
    padding-left: 10px;
    width: 20px;
    padding-top: 6px;
    height: 24px;
    border-color: #13836d;
}
.examples-menu li i.purple-icon,
.examples-menu-alt li i.purple-icon {
    background: #a2306c;
    border-color: #741264;
}
.examples-menu li i.yellow-icon,
.examples-menu-alt li i.yellow-icon {
    background: #b5bd31;
    padding-left: 8px;
    width: 22px;
    border-color: #9d9d24;
}

.examples-menu li i.fa-caret-down,
.examples-sub-menu li i.fa-caret-down {
    float: right;
    font-size: 23px;
    margin-right: 0;
    margin-top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;

    padding-bottom: 10px;
}
.examples-menu li i.fa-caret-down:hover,
.examples-sub-menu li i.fa-caret-down:hover {
    color: #bbb;
    cursor: pointer;
}

.main-examples-frame {
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
    border-top: 1px dotted #bbb;
    position: relative;
}

.settings-bar {
    float: left;
    margin-right: 5px;
    width: 100%;
    max-width: 100%;
}

.main-examples-frame .edit-settings {
    width: 210px;
    padding: 5px;
    margin-bottom: 10px;
    float: right;
    max-width: calc(50% - 10px);
}

.settings-panel {
    float: left;
    width: calc(100% - 2px);
    background: #bbd2e8;
    max-height: 0;
    padding-bottom: 0;
    overflow: hidden;
    border: 1px solid #8992af;
    border-top: none;
    border-bottom: 0;
}

.settings-panel.open {
    max-height: 400px;
    border: 1px solid #8992af;
    padding-bottom: 5px;
}

.settings-panel .option-header {
    float: left;
    /* width: 120px; */
    font-weight: bold;
    color: #4e5761;
}

.settings-panel .option {
    float: left;
    margin-left: 27px;
}

.settings-panel .settings-submit {
    float: left;
    width: 100%;
    border-top: 1px dotted #6978a7;
    margin-top: 10px;
}

.settings-panel .settings-submit button {
    float: right;
    padding: 5px;

    width: 135px;
    font-size: 13px;
    background: #265a90;
    color: #fff;
    border-color: #143c65;
}

.example-frame {
    float: left;
    width: 100%;
    border: 1px dotted #999;
    min-height: 200px;
    margin-top: 10px;
    background: #fbfbfb;
}
.central-container.central-container-dark .example-frame {
    background: #333;
    border-color: #555;
}

.example-notes {
    float: left;
    margin-top: 10px;
    width: calc(100% - 17px);
    background: #ddd;
    padding: 0 10px 10px;
    margin-left: -1px;
}

.example-notes h4 {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #bbb;
    padding-bottom: 10px;
    font-weight: bold;
}

.benefits-row {
    float: left;
    width: calc(100% - 20px);
    margin: 3px 10px;
    border-top: 1px dotted #bbb;
    padding-top: 10px;
}

.benefits-row .benefit {
    float: left;
    color: #cc4242;
    width: calc(33.3% - 20px);
    max-width: 70px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 11px;
}

.benefits-row .benefit img {

    float: none;
    width: 49px;
    margin: 0 auto;
    display: block;
    border-radius: 45px;
    border: 1px solid #677184;
}

.benefits-row .benefit-title {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.addon-examples .right-sidebar {
    display: none;
}

form h2 {
    padding-left: 40px;
    border-bottom: 1px solid #4E3C3C;
    text-align: left;
    margin-top: -18px !important;
    padding-bottom: 10px;
    padding-left: 5px;
}

form h2 i {
    font-size: 30px;
    margin-right: 15px;
    margin-top: -2px;
    float: left;
}

form {
    padding: 10px 9px;
    margin-bottom: 0px;
    float: left;
    width: calc(100% - 18px);
    position: relative;
}

form p {
    float: left;
    color: #aaa;
    margin-left: 1%;
    width: 89%;
    font-size: 13px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 10px;
}

form input,
form textarea {
    padding: 0;
    margin-left: 45px;
    margin-bottom: 10px;
    float: left;
    width: calc(100% - 60px);
    position: relative;
    border: 1px solid #d0cfdf;
    font-size: 15px;
    color: #222;
    height: 55px;
    font-family: 'Titillium Web', ariel, sans-serif;
    -webkit-appearance:none;
    z-index: 1;
    padding-left: 10px;
}

form input:focus,
form textarea:focus {
    background: #f9fafd;
    border-color: #90a9c7;
}

form input:disabled,
form textarea:disabled {
    background: #cacacc;
    border-color: #a4a6a9;
}

form input:disabled:hover,
form textarea:disabled:hover {
    cursor: not-allowed;
    background: #bcbcbc;
}


form textarea {
    height: 150px;
    max-height: 150px;
}

.header-contact-section.contact-section form input {
    max-width: 300px;
}


.contact-section form div {
    position: relative;
    float: left;
    width: 100%;
}
.contact-section.header-contact-section form div {
    max-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
}
.contact-section.header-contact-section form div.textarea-div {
    max-width: 610px;
}

.contact-section form div.phone-div,
.contact-section form div.textarea-div {
    clear: left;
}

.contact-section form .success-span,
.contact-section form .main-error-span {
    float: left;
    width: calc(100% - 33px);
    max-height: 0;
    padding: 0 10px;
    border: none;
    margin: 0 6px;
    overflow: hidden;
    opacity: 0;
}
.contact-section form .success-span.show,
.contact-section form .main-error-span.show {
    max-height: 120px;
    padding: 5px 10px;
    margin: 0 6px 15px;
    opacity: 1;
}

.contact-section form .success-span {
    background: #c9d6e4;
    color: #181925;
    border: 1px solid #90a9c7;
}

.contact-section form .main-error-span {
    background: #efd9d9;
    color: #5f1818;
    border: 1px solid #d2a4a4;
}

.contact-section form .error-span {
    float: left;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-top: -11px;
    border: 1px solid #c3a6ac;
    width: calc(100% - 60px);
    margin-bottom: 10px;
    padding: 2px 5px 4px;
    color: #8a3146;
    background: #fbf4f4;
    display: none;
    margin-left: 45px;
}
.contact-section form .error-span.show {
    display: block;
}

.contact-section form button:hover {
    text-shadow: 1px 2px 1px #222;
}

form p#message-success-note {
    background: #D5FDD5;
    border: 1px solid #7AF57A;
    color: #696;
    width: calc(98% - 22px);
}

button,
a.button {
    width: 99%;
    padding: 15px 10px;
    margin-bottom: 5px;
    color: #ffffff;
    background-color: rgb(146, 48, 71);
    margin-top: 10px;
    font-size: 16px;
    border: 1px solid #8c2941;
    text-decoration: none;
    border-radius: 1px;
    width: calc(100% - 2px);
}

button:hover,
a.button:hover {
    cursor: pointer;
    background: #b12d4c;
    border-color: #b1072f;
    color: #f6f6f9;
}

button.trans:hover,
a.button.trans:hover {
    letter-spacing: 1px;
}

button:disabled,
a.button:disabled {
    color: #232323;
    background-color: rgba(101, 103, 105, 0.8);
    border: 1px solid #6c6d71;
    opacity: 0.7;
}

button:disabled:hover,
a.button:disabled:hover {

    cursor: not-allowed;
}

button.right-button:hover,
a.button.right-button:hover {
    cursor: pointer;
    background: #d6848a;
    border-color: #a56464;
    color: #483a3a;
}

button.activated {
    color: #ccc;
    background-color: #990000;
    cursor: pointer;
}

button.text-button {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 19px;
    width: 320px;
    float: none;
    margin: 0 auto;
    display: block;
    border-top: 1px dotted #333;
    padding-top: 16px;
    position: relative;
    top: 20px;
    color: #454;
    max-width: calc(100% - 22px);
}
button.text-button:hover {
    color: #225589;
    text-shadow: 1px 0px 1px #111;
}
.main-container-dark button.text-button {
    color: #eee;
    border-top-color: #ddd;
}
.main-container-dark button.text-button:hover {
    color: #bbf;
}

button.text-button span {
    float: left;
    width: 100%;
}

button.text-button i {
    float: left;
    clear: left;
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin-top: 5px;
    height: 30px;
}

button.text-button:hover i {
    font-size: 36px;
}

input.nightlife-input {
    width: calc(98% - 22px);
    margin-left: 1%;
    border: 1px solid #abb1c5;
    margin-bottom: 3px;
    border-radius: 4px;
    height: 35px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 13px;
    float: left;
    clear: left;
}

textarea.nightlife-textarea {
    width: calc(98% - 22px);
    margin-left: 1%;
    border: 1px solid #abb1c5;
    margin-bottom: 3px;
    border-radius: 4px;
    font-size: 13px;
    padding: 5px 10px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.main-container .text .text,
.main-container .text img,
.main-container .text p,
.main-container {
    float: left;
}

.main-container.product-info .text .text-img-container {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-container .text-img-container .text-img-center {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.main-container .text-img-container .text-img-right,
.main-container .text-img-container .text-img-left {
    position: absolute;
    width: 33%;
    bottom: -45%;
    z-index: 1;
}

.main-container .text-img-container .text-img-left {
    left: 10%;
}

.main-container .text-img-container .text-img-right {
    right: 10%;
}

.main-container .text-img-container img {
    border: none;
    width: 100%;
    margin: 0 auto;
}

.main-container .text-img-container .text-img-center img {
    opacity: 0;
}

.main-container .text-img-container .text-img-center.show img {
    margin-top: 0;
    opacity: 1;
}

.main-container .text-img-container .text-img-right.show,
.main-container .text-img-container .text-img-left.show {
    bottom: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.central-container {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.main-container {
    position: relative;
    padding: 15px 0px 25px;
    width: 100%;
}
.index.main-container {
    padding-bottom: 50px;
}

.main-container.start-journey {
    padding-top: 70px;
    padding-bottom: 100px;
    background: #444;
}
.main-container.reviews-and-vid {
    padding-top: 35px;
    padding-bottom: 0;
}


.main-container.main-container-dark.start-journey {
    background: #444;
}

.inner-container-slider {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.main-inner-container {
    max-width: 1500px;
    margin: 0 auto;
}
.inner-container-slider .main-inner-container {
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 14px;
    opacity: 0;
    margin-top: 10px;
    transform: scaleX(0.5);
    width: calc(100% - 30px);
    z-index: -1;
    position: relative;
    overflow: hidden;
}
.inner-container-slider.complex-slider .main-inner-container {
    height: 760px;
}

.locate-parlours .inner-container-slider .main-inner-container {
    height: auto;
}

.inner-container-slider .main-inner-container.container-straight-fade {
    transform: scaleX(1);
}

.inner-container-slider .main-inner-container.container-right-slide {
    margin-left: -75px;
    transform: scaleX(1);
}

.inner-container-slider .show.main-inner-container.container-right-slide {
    margin-left: 15px;
}

.inner-container-slider .main-inner-container.container-left-slide {
    margin-left: 75px;
    transform: scaleX(1);
}

.inner-container-slider .show.main-inner-container.container-left-slide {
    margin-left: 15px;
}

.inner-container-slider .main-inner-container.container-down-slide {
    margin-top: -65px;
    transform: scaleX(1);
}

.inner-container-slider .show.main-inner-container.container-down-slide {
    margin-top: 10px;
}

.inner-container-slider .main-inner-container.show {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.main-inner-container.inner-container-absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.inner-container-slider button {
    background: none;
    border: none;
    float: none;
    display: table;
    clear: left;

    text-align: center;
    width: 300px;
    color: #988186;
    font-size: 18px;
    border-bottom: 1px dotted #777;
    margin: 10px auto 0;
    height: 60px;
    padding-top: 0;
}
.inner-container-slider button:hover {
    color: #a7a4a4;
    font-size: 18px;
    border-bottom-color: #fff;
}

.inner-container-slider.complex-slider button {
    float: left;
    max-width: 100px;
    clear: none;
    border-bottom: none;
}

.inner-container-slider.complex-slider .button-bar {
    float: none;
    margin: 0 auto;
    width: calc(100% - 3px);
    display: table;
    border-top: 1px dotted #30030d;
}

.inner-container-slider.complex-slider button.prev-button,
.inner-container-slider.complex-slider button.next-button {
    border-right: 1px dotted #30030d;
    width: 50px;
    margin-top: 25px;
    height: 26px;
    color: #3d0713;
}

.inner-container-slider.complex-slider button.prev-button {
    margin-right: 10px;
}

.inner-container-slider.complex-slider button.next-button {
    margin-left: 10px;
    border-left: 1px dotted #30030d;
    border-right: none;
}

.inner-container-slider.complex-slider .index-button-container {
    float: left;
    width: calc(100% - 121px);
}

.inner-container-slider button.index-button {
    color: #30030d;
    font-size: 15px;
    border-bottom: none;
    font-weight: bold;
    width: 50%;
    max-width: none;
    height: 80px;
}
.inner-container-slider button.index-button:hover {
    font-size: 15px;
    letter-spacing: 0;
    color: #29060e;
}
.inner-container-slider button.index-button.active {
    color: #bbb;
    text-shadow: 1px 2px 1px #30030d;
}

.inner-container-slider button i {
    font-size: 26px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.inner-container-slider.complex-slider button:hover {
    text-shadow: 1px 2px 1px #222;
    color: #b2b0b0;
}
.inner-container-slider.complex-slider button.index-button:hover {
    text-shadow: none;
    color: #450c18;
}
.inner-container-slider.complex-slider button.active.index-button:hover {
    color: #b2b0b0;
    text-shadow: 1px 2px 1px #222;
}
.inner-container-slider.complex-slider button.order-now-button:hover {
    text-shadow: none;
    color: #600;
    background: #f3c6ee;
    border-color: #b77474;
}

.inner-container-slider.complex-slider .index-button img {
    width: 45px;
    height: 44px;
    margin-top: 0px;
    margin-left: 0;
    float: none;
    margin-bottom: -6px;
}

.inner-container-slider button.index-button:hover img {
    transform: scale(1.2);
}
.inner-container-slider button.index-button.active:hover img {
    transform: scale(1);
}

.inner-container-slider.complex-slider .index-button span {
    width: 100%;
    float: left;
}

/*Locate Parlours Page*/

#postcode-search {
    float: left;
    width: 100%;
}

#postcode-search form {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

#postcode-search form input {
    float: left;
    width: calc(100% - 115px);
    height: 60px;
    padding: 0 10px;
    font-size: 17px;
    border-radius: 4px 0 0 4px;
    margin-left: 0;
}

#postcode-search form button {
    float: left;
    width: 90px;
    clear: none;
    position: relative;
    background: #ddd;
    margin: 0;
    height: 62px;
    padding: 0;
    border-radius: 0 4px 4px 0;
    color: #333;
    font-size: 18px;
}
#postcode-search form button:hover {
    background: #f3f3f3;
    color: #555;
}

.main-container #google-maps-output {
    float: left;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 0;
    overflow: hidden;
    border-bottom: 1px dotted #b5546b;
}
.main-container #google-maps-output.show {
    border-top: 1px dotted #b5546b;
    max-height: 2000px;
    overflow: hidden;
}

.main-container #google-maps-inner {
    float: none;
    width: auto;
    display: table;
    margin: 0 auto;
}

.main-container #google-maps-inner p {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #ddd;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0px;
}

.reviews-and-vid .review-ref {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 40px;
}

.reviews-and-vid .review {
    margin: 0 10px;
    text-shadow: 1px 1px 1px #777;
}

.reviews-and-vid .reviews-container {
    float: right;
    width: calc(100% - 10px);
    padding: 0 5px 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}
.reviews-and-vid .reviews-container.reviews-container-first {
    position: relative;
}

.reviews-and-vid .reviews-container.show {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.reviews-and-vid .review-container {
    float: none;
    width: auto;
    display: table;
    margin: 0 auto;
    padding: 10px 10px;
    text-align: center;
    font-size: 27px;
    color: #6d2032;
    font-weight: bold;
}

.main-container.reviews-and-vid img {
    max-width: 300px;
    float: none;
    margin: 35px auto 20px;
    width: 100%;
    display: block;
}

.main-img-container {
    color: black;
    background-size: 355px;
    height: 690px;
}

.main-container-3 {
    margin-bottom: 0 !important;
}
.index .main-container-3 {
    margin-top: -20px;
}

.main-container-3.main-container-dark {
    background: #3d3b56;
    color: #ddd;
}

.main-container-2 .text,
.main-container-3 .text {
    clear: left;
    width: calc(100% - 20px);
    margin-left: 10px;
    position: relative;
}
.main-container-3.main-container-dark .text {
    width: calc(100% - 10px);
    margin-left: 5px;
}
.main-container-2.our-services .text,
.main-container-3.our-services .text {
    margin-left: 0;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.main-container-2.product-summary-narrow .text {
    max-width: 1200px;
    float: none;
    margin: 0 auto;
    display: block;
    position: relative;
}

.main-container-2.packages-summary .text,
.main-container-2.promotion-summary .text,
.main-container-2.contact-summary .text {
    margin-left: 4px;
    width: calc(100% - 8px);
}

.main-container .text.text-second {
    margin-top: 20px;
}

.main-container .text h3{
    text-align: center;
}

.main-container .text h2 {
    padding-left: 0px;
    line-height: 46px;
    color: #4a4a4c;
}

.main-container .text p {
    color: #3a3856;
    font-size: 14px;
    line-height: 30px;
    margin-top: 0;
    text-align: center;
    width: 100%;
    font-family: quicksand, sans-serif;
}

.main-container-dark .text p,
.main-container-dark-red .text p {
    color: #ddd;
}

.main-container .text .large-accord-tile {
    float: left;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    padding: 0 10px;
}

.main-container .text .accord-header {
    float: left;
    width: calc(100% - 10px);
    background: #ddd;
    color: #333;
    padding: 5px;
}

.main-container .text .accord-header p {
    color: #222;
    font-size: 19px;
    font-family: 'Titillium Web', Ariel, Sans-serif;
    text-align: left;
    margin-left: 0;
    padding: 5px 10px;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    width: calc(100% - 75px);
}

.main-container .text .accord-header button {
    float: right;
    width: 50px;
    margin: 0;
    background: rgba(109, 32, 89, 0.63);
    border-color: #6d2032;
}

.main-container .text .accord-body {
    float: left;
    width: calc(100% - 20px);
    background: #eee;
    color: #333;
    padding: 10px;
    min-height: 40px;
    border-top: 1px dotted #aaa;
    font-size: 15px;
}

.main-container .text .accord-body .mynyte-listings {
    float: none;
    margin: 0 auto;
}

.main-container .text .accord-body i.main {
    float: none;
    clear: left;
    font-size: 30px;
    margin-left: 7px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #888;
}

.main-container .text .accord-body p {
    color: #666;
    font-family: 'Titillium Web', Ariel, Sans-serif;
    text-align: center;
    padding: 5px 10px;
    float: left;
    margin-bottom: 10px;
    width: calc(100% - 20px);
    font-size: 15px;
}

.main-container .mynyte-menu-display {
    max-width: 800px;
    float: none;
    margin: 0 auto;
    display: table !important;
    width: calc(100% - 20px);
}

.main-container .mynyte-menu-display.mynyte-frame-container .listing-menu-item .text-container {
    padding: 24px 10px 23px;
}

.footer {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 15px;
    background: #272424;
    position: relative;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}
.footer.no-top-marg {
    margin-top: 0;
}
.footer.footer-dark-top {
    border-top-color: #444;
}
.footer.footer-medium-dark-top {
    border-top-color: #5f5f5f;
}

.index .footer {
    border-top-color: #545151;
}

.footer-tile {
    float: left;
    width: calc(100% - 10px);
    margin: 20px 5px 5px;
}

.footer-tile label {
    float: left;    
    width: calc(100% - 20px);
    border-bottom: 1px solid #4c4d52;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 9px;
    font-family: "Titillium Web",sans-serif, Arial;
    padding: 0 10px 8px;
}

.footer .inner-tile {
    float: left;
    width: 100%;
    background: #2b2727;
    margin-top: 10px;
    padding-bottom: 20px;
}

.inner-tile p.sub-header {
    text-transform: uppercase;
    color: #b76074;
    font-weight: bold;
    padding: 0 20px;
    margin-bottom: 0px;
    font-family: QuickSand, sans-serif;
}

.footer .navigation li.top a {
    color: #b76074;
}
.footer .navigation li.top a:hover {
    color: #f7bbc0;
}

.footer .contact-details li.top a {
    color: #f7bbc0;
}

.footer .sub-tile {
    width: 100%;
    float: left;
}
.footer .sub-tile.sub-tile-second {
    margin-top: 25px;
}

.footer .sub-tile p.address {
    float: left;
    clear: left;

    margin-left: 10px;
    color: #a0a0a0;
    font-weight: bold;
    font-size: 13px;
    font-family: 'Titillium Web', Arial, sans-serif;
    margin-top: 24px;
    margin-bottom: 18px;
}

.footer .sub-tile div {
    margin-top: 23px;
}

.footer .social-media img {
    float: none;
    width: 53px;
    border: 1px solid #8c7e7e;
    border-radius: 30px;
    margin: 0 auto;
}
.footer .social-media img:hover {
    border: 1px solid #ccc8c8;
}

.footer .social-media a span {
    float: left;
    background: none;
    border: none;
    font-size: 14px;
    color: #a5a5a5;
    margin-top: -5px;
}

.footer-lower-bar {
    float: left;
    width: 100%;
    clear: left;
    background: #fefefe;
    margin-top: 5px;

}

.footer-lower-bar ul {
    max-width: none;
    background: none;
    float: right;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer .footer-lower-bar li {
    float: right;
    clear: none;
    width: 150px;
    text-transform: uppercase;
    background: #eee;
    margin: 5px;
    width: calc(100% - 33px);
    border: 1px solid #ddd;
    color: #555;
    padding-top: 21px;
    padding-bottom: 12px;
}

.footer-lower-bar li a {
    font-weight: normal;
    text-transform: uppercase;
    color: #797878;
    font-size: 13px;

    border-left: 1px solid #ddd;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;

    font-family: 'Titillium Web', sans-serif;
}

.footer img {
    width: 20%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
    width: 160px;
}

.footer span {

    color: #5680b3;
    margin: 0 auto;
    float: none;
    position: relative;
    background: #090909;
    border: 1px solid #d0d0d0;
    padding: 16px 10px 0px;
    margin-bottom: 10px;
    font-size: 21px;
    text-align: center;
}

.footer span.red-span {
    float: left;

    width: calc(100% - 22px);
    background-color: #ededed;
    height: 40px;
    display: block;
    position: relative;
    z-index: 1000;
    opacity: 1;
    border-radius: 0;
    margin-top: 0px;
    border-bottom: 1px solid #a4b0ce;
    border-top: 1px solid #ffffff;
}

.footer li {
    float: left;
    width: calc(100% - 20px);
    font-size: 17px;
    padding: 12px 10px 17px;
    list-style: none;
    border-bottom: 1px solid #2e2e2e;
    font-family: 'Titillium Web', sans-serif;
}
.footer .social-media li {
    width: calc(50% - 20px);
}

.footer li a {
    color: #666;
    width: 100%;
    float: left;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
.footer li a:hover {
    color: #999;
}

.footer .navigation li a {
    padding-bottom: 0px;
    padding-top: 7px;
}

.footer .contact-details li a {
    padding-bottom: 9px;
    padding-top: 22px;
}

.footer .sub-tile p.address.last {
    margin-bottom: 0;
}

.contact-tile .inner-tile p.sub-header {
    margin-bottom: -12px;
}

.footer .contact-details li.last a {
    padding-bottom: 0px;
}

.footer .social-media li a {
    padding-bottom: 23px;
    padding-top: 23px;
}

.footer .social-media li.last a {
    padding-bottom: 5px;
}

.screen-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background: #000;
    opacity: 0.2;
}
.screen-cover.open {
    display: block;
}
    
/* Wide Screen */
@media only screen and (min-width: 35rem) {
    .initial-header-bar {
        position: absolute;
        opacity: 0;
        display: none;
    }
    .initial-header-bar.with-margin {
        opacity: 1;
        display: block;
    }

    .top-logo-container > a {
        width: 182px;
        height: 79px;
        overflow: hidden;
        float: left;
        position: relative;
        top: 20px;
        left: 25px;
        border-radius: 7px;
        border: 1px solid #948383;
        background: #000;
    }

    .top-logo-container h2 {
        font-size: 1.2em;
        margin-top: 21px;
        margin-right: 10px;
        margin-left: 5px;
    }
    

    .initial-header-bar img {
        left: -62px;
        margin-left: 40px;
        width: 225px;
        margin-top: 25px;
        margin-right: 2px;
        height: initial;
        top: -67px;
    }

    .initial-header-buttons {
        margin: 6px auto 0;
        width: calc(100% - 118px);
        padding-left: calc(50% - 390px);
        /* margin-left: calc(50% - 30px); */
        display: none;
    }

    .initial-header-buttons button {
        font-size: 13px;
        padding: 7px 1% 7px 1%;
        width: 13.33%;
        min-width: 115px;
        margin-right: 0;
    }

    .initial-header-buttons button.whats-open {
        margin-left: 0;
    }
    .initial-header-buttons button.full-website {
        display: block;
    }

    .initial-header-buttons button i {
        display: block;
    }

    .header-img {
        /* margin-top: 67px; */
    }

    .business-promotion .back-fixed.header-img,
    .business-packages .back-fixed.header-img {
        background-position-y: -105px;
    }

    .business-promotion .back-fixed.header-img {
        background-image: url('../img/business-promotion.jpg');
    }
    
    .business-packages .back-fixed.header-img {
        background-image: url('../img/business-packages.jpg');
        background-attachment: fixed;
        background-size: cover;
    }

    /* Generic Slider */
    .inner-container-slider .main-inner-container {
        max-width: calc(100% - 30px);
        margin-right: 14px;
        margin-bottom: 15px;
        transform: scaleX(0.5);
        margin-left: 15px;
        padding-top: 10px;
    }

    .inner-container-slider.complex-slider .button-bar {
        float: none;
        width: auto;
    }

    .inner-container-slider.complex-slider .index-button-container {
        width: calc(100% - 162px);
    }

    .inner-container-slider.complex-slider button.prev-button,
    .inner-container-slider.complex-slider button.next-button {
        width: 65px;
    }

    .inner-container-slider.complex-slider button.prev-button {
        margin-right: 20px;
    }

    .inner-container-slider.complex-slider .next-button {
        margin-left: 20px;
    }
    /**/

    /* Homepage */ 


    .index .header-img {
        margin-top: 0;
        height: auto;
    }

    .header-img h1 {
        font-size: 31px;
    }

    .header-img h2 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .header-img .header-text-container {
        top: 45%;
    }

    .header-img .header-vid-container {
        display: block;
    }
    
    .header-img h3,
    .header-img a {
        display: none;
    }

    .inner-container-slider.complex-slider .main-right-tile .share-button-bar span{
        display: block;
        width: auto;
        float: left;

    }

    .main-container .text .widget-prod-tiles,
    .main-container .text .cust-story-tiles {
        width: calc(50% - 20px);
        margin-right: 10px;
        margin-bottom: 20px;
        margin-left: 10px;
    }
    .main-container a.widget-prod-tiles.widget-prod-tile-last {    float: none;
        margin-bottom: -5px;
    }

    .main-container .text .cust-story-tiles.cust-story-tile-last {
        margin-right: auto;
        float: none;
        margin-left: auto;
    }

    .main-content-topbar {
        float: left;
        width: calc(50% - 41px);
        position: relative;
        border-top: 1px solid #b7adad;
        padding: 0 20px 30px;
        color: #5d5d5d;
    }
    .main-content-topbar.single-content-topbar {
        width: calc(100% - 41px);
    }

    .main-content-topbar img {
        width: 190px;
        height: 190px;
        margin-top: -30px;
        z-index: 2;
        position: relative;
    }

    form h1 i {
        left: calc(50% - 335px);
    }

    .contact .header-img h1,
    .press .header-img h1 {
        width: 76%;
        margin-left: 13.5%;
        max-width: none;
    }

    .header-img p {
        margin-left: 3.5%;
        clear: left;
        float: left;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .contact .header-img p,
    .press .header-img p {
        width: 92%;
        margin-left: 3.5%;
        max-width: none;
    }

    .header-img img.background-img {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
        float: left;
    }

    .header-img img.main-img {
        margin-top: 15px;
        margin-right: 0;
        width: 42%;
        display: block;
        position: relative;
        z-index: 1000;
        float: right;
        max-width: 355px;
        clear: none;
        margin-bottom: 1%;
    }

    .contact .header-img img.main-img,
    .press .header-img img.main-img {
        display: none;
    }

    .preview-button {
        width: 360px;
    }

    input.nightlife-input,
    textarea.nightlife-textarea {
        width: calc(98% - 272px);
    }

    form .form-side-note {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 200px;
        margin-top: 0;
        border-radius: 0 6px 0 0;
    }

    form p#missing-name-note, form p#missing-email-note, form p#invalid-email-note, form p#missing-company-note, form p#missing-message-note, form p#unknown-error-note, form p#message-success-note {
        width: calc(98% - 272px);
    }

    .addon-examples .central-container {
        margin-top: 75px;
    }

    .main-container {
        margin-right: auto;
        display: block;
        float: left;
    }
    .index .main-container {
        /* margin-bottom: 20px; */
    }
    
    .index .our-services {
        padding-bottom: 30px;
    }

    .contact .main-container,

    .press .main-container {
        border-top: none;
        border-bottom: none;
        float: none;
    }

    .main-container img {
        margin-bottom: 20px;
        margin-top: 20px;
        border-radius: 0;
    }
    .main-container img.img-tile {
        margin: 0;
    }

    .large-img-tile:hover .large-tile-text {
        top: 0;
    }

    .main-container .text.full {
        width: 85%;
        margin-right: 0;
    }

    .main-container .text h2 {
        margin-top: 10px;
    }

    .main-container .text p {
        line-height: 32px;
        padding: 0 0 10px;
        width: 90%;
        font-size: 15px;
        max-width: 1000px;
        float: none;
        margin: 0 auto 15px;
    }

    .main-container .text.full p {
        line-height: 23px;
        margin-bottom: 9px;
    }

    .main-container .text p.text-long {
        width: 216%;
        float: right;
    }

    .main-container .text .features-tiles p {
        min-height: 83px;
    }

    .main-container.reviews-and-vid .reviews-container {
        padding: 0 20px 0;
        width: calc(100% - 40px);
    }

    .main-container.reviews-and-vid .review-container {
        padding: 10px 50px;
        width: calc(100% - 100px);
    }

    .tile-icon {
        width: calc(100% - 2px);
        height: 140px;
    }

    .widget-prod-tiles i.fa {
        font-size: 50px;
        width: 69px;
        height: 72px;
        padding-left: 23px;
        padding-top: 20px;
        margin: 20px auto;
    }

    .widget-prod-tiles i.fa.fa-plus {
        padding-left: 27px;
        width: 65px;
        padding-top: 22px;
        height: 70px;
    }

    .widget-prod-tiles i.fa.fa-list {
        padding-top: 23px;
        height: 69px;
        padding-left: 22px;
        width: 70px;
    }
    
    .widget-prod-tiles i.fa.fa-window-minimize {
        padding-top: 7px;
        height: 85px;
        padding-left: 22px;
        width: 70px;
    }

    .widget-prod-tiles i.fa.fa-usd {
        padding-left: 31px;
        width: 61px;
    }

    .widget-prod-tiles i.fa.fa-mobile,
    .widget-prod-tiles i.fa.fa-laptop {
        width: 57px;
        height: 72px;
        padding-left: 35px;
        padding-top: 20px;
    }

    .widget-prod-tiles i.fa.fa-list-alt {
        width: 71px;
        height: 69px;
        padding-left: 21px;
        padding-top: 23px;
    }

    .widget-prod-tiles i.fa.fa-headphones {
        width: 70px;
        height: 70px;
        padding-left: 22px;
        padding-top: 22px;
    }

    .widget-prod-tiles i.fa.fa-plus-circle {
        width: 67px;
        padding-left: 25px;
        height: 71px;
        padding-top: 21px;
    }

    .widget-prod-tiles i.fa.fa-laptop,
    .widget-prod-tiles i.fa.fa-paint-brush,
    .widget-prod-tiles i.fa.fa-facebook-square {
        width: 72px;
        padding-left: 20px;
        height: 72px;
        padding-top: 20px;
    }

    .widget-prod-tiles i.fa.fa-facebook-square {
        width: 67px;
        padding-left: 25px;
    }

    .main-container .text .widget-prod-tiles h4,
    .main-container .text .cust-story-tiles h4,
    .main-container .text .features-tiles h4 {
        width: 100%;
        margin-top: 15px;
        font-size: 19px;
        padding-top: 0px;
        height: 31px;
        margin-bottom: 0;
        text-align: center;
        margin-left: 0;
    }

    .main-container .text .cust-story-tiles h4 {
        padding-left: 0;
        text-align: left;
        padding-right: 3px;
        font-size: 15px;
    }


    .main-container .text .cust-story-tiles img {
        padding-left: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .main-container .text .cust-story-tiles i {
        display: none;
    }

    .main-container .text .widget-prod-tiles p,
    .main-container .text .cust-story-tiles p {
        width: calc(100% - 30px);
        padding: 15px;
        line-height: 23px;
        margin-bottom: 13px;
        text-align: center;
        height: 30px;
    }
    .main-container .text .cust-story-tiles p {
        margin-left: 0;
        text-align: left;
        padding-left: 0;
        padding-right: 3px;
        width: 100%;
        height: 20px;
        padding-bottom: 5px;
    }

    .main-container-3 .text {
        width: calc(100% - 28px);
        max-width: 1500px;
        margin: 0 auto;
    }
    .main-container-3.main-container-dark .text,
    .main-container.packages-summary .text,
    .main-container .text.addon-benefits-summary,
    .main-container .text.our-philosophy-summary {
        width: calc(100% - 8px);

        max-width: 1500px;
    }
    .main-container.packages-summary .text,
    .main-container .text.addon-benefits-summary,
    .main-container .text.our-philosophy-summary {
        float: none;
        margin: 0 auto;
    }

    .main-container.start-journey p {
        margin-bottom: 25px;
        margin-top: 15px;
    }

    .main-package-container {
        margin-left: 7px;
        margin-right: 7px;
    }
    .two-package-container .main-package-container,
    .three-package-container .main-package-container,
    .four-package-container .main-package-container {
        width: calc(50% - 17px);
    }

    .three-package-container .gold-package-container {
        width: calc(100% - 17px);
    }
    .three-package-container .gold-package-container ul li {
        width: 50%;
        clear: none;
    }

    .business-package-container .main-package-container ul {
        /* min-height: 307px; */
    }

    .business-promotion-section {
        width: calc(50% - 19px);
        margin: 10px 8px 8px;
        min-height: 1180px;
    }
    .business-promotion-section.business-promotion-section-last {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .flyer-and-art-design .business-promotion-section {
        min-height: 1025px;
    }
    .google-ranking-and-seo .business-promotion-section {
        min-height: 1350px;
    }
    .social-media .business-promotion-section {
        min-height: 1385px;
    }
    
    .business-promotion-section:nth-child(4),
    .business-promotion-section:nth-child(6) {
        clear: left;
    }

    .main-container .text .business-promotion-section h4 span {
        float: none;
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }
    
    .main-container .text .business-promotion-section p {

        max-width: 300px;

        float: none;
        display: -webkit-box;
    }

    .contact-section.business-promotion-section-last {
        width: calc(100% - 10px);
    }


    .main-container .addon-benefits-container {
        max-height: 146px;
    }

    .main-container .main-right-tile.addon-benefits {
        width: calc(50% - 17px);
        margin-right: 7px;
        margin-left: 7px;
    }

    .main-container .main-right-tile:hover {
        border: 1px solid #ffffff;
        background: #fde2e2;
        cursor: pointer;
    }

    .main-right-tile i.fa-plus {
        right: -42px;
        top: 35px;
        bottom: auto;
        font-size: 30px;
    }
    
    .main-right-tile:nth-child(2) i.fa-plus,
    .main-right-tile:nth-child(4) i.fa-plus,
    .main-right-tile:nth-child(6) i.fa-plus,
    .main-right-tile:nth-child(8) i.fa-plus,
    .main-right-tile:nth-child(10) i.fa-plus {
        display: none;
    }

    .footer img {
        max-width: 160px;
    }

    .footer span {
        display: block;
    }

    .footer-tile {
        width: calc(100% - 20px);
        margin: 10px;
        clear: left;
    }

    .footer .sub-tile div {

        margin-top: 16px;
    }

    .footer .social-media-tile .inner-tile {
        min-height: auto;
    }

    .footer ul {
        max-width: 745px;
        float: left;
        margin: 10px auto 0;
        text-align: left;
        padding: 0 20px 6px;
        min-width: calc(50% - 40px);
    }
    .footer ul.social-media {
        width: calc(100% - 40px);
    }
    .footer-lower-bar ul {
        padding: 0 5px 6px;
        width: calc(100% - 10px);
    }

    .footer li {
        font-size: 14px;
        padding: 10px 0;
        width: auto;
        clear: left;
        text-align: left;
        border-bottom: none;
    }
    .footer .social-media li {
        clear: none;
        width: 50%;
    }

    .footer .footer-lower-bar li {
        width: calc(100% - 12px);
    }
}

@media only screen and (min-width: 41rem) {
    form {
        margin: 15px 5px 0;
        float: none;
        padding-top: 0;
        width: calc(100% - 30px);
    }
    
    .header-contact-section.contact-section .header-contact-section-inner {

        float: none;
        margin-top: 0;
        transform: scaleX(0.95);
    }
    
    .header-img .header-text-container {
        top: 73%;
    }



    /*Generic Slider */
    .inner-container-slider .main-inner-container {
        float: left;
        clear: none;
        max-width: calc(100% - 13px);
        margin-right: 15px;
        padding-right: 0;
        transform: scale(0);
    }
    .inner-container-slider.complex-slider .main-inner-container {
        height: 485px;
    }
    .locate-parlours .inner-container-slider .main-inner-container {
        height: auto;
    }
    
    /* Generic Slider End */
    
    .inner-container-slider.complex-slider .index-button-container {
        width: auto;
    }

    .inner-container-slider button.index-button {

        width: 90px;
        max-width: 90px;
    }

    .main-container .large-img-tile {
        width: calc(33.3% - 20px);
        width: calc(calc(100% * 1/3) - 30px);
    }
    
    .main-container .main-left-tile {
        float: left;
        background: #fff;
        border: 1px solid #ddd;
        padding: 0;
        margin-bottom: 0;
        margin-top: 0;
        width: 55%;
    }

    .main-container .main-right-tile,
    .main-container .our-philosophy-summary .main-right-tile {
        margin-bottom: 18px;
        border: 1px solid #dcdcdc;
        margin-top: 45px;
        width: calc(50% - 23px);
        margin-right: 10px;
        margin-left: 10px;
        display: block;
        float: left;
        padding-bottom: 0;
    }
    .main-container .main-right-tile.install-addons {
        width: calc(25% - 19px);
        margin-right: 10px;
        margin-left: 7px;
    }
    .social-media .main-container .main-right-tile {
        width: calc(calc(100% * 1/3) - 19px);
        margin-right: 10px;
        margin-left: 7px;
    }
    .main-container #google-maps-inner .main-right-tile.install-addons {
            width: calc(calc(100% * 1/3) - 19px);
    }
    .main-container .main-right-tile.addon-benefits {
        margin-right: 14px;
        margin-left: 14px;
        width: calc(50% - 31px);
    }
    /*
    .index .main-container .main-right-tile {
        margin-top: 0;
        width: calc(45% - 30px);
        margin-left:0;
        margin-right: 0;
    }
    */

    .main-right-tile.install-addons i.fa-arrow-down {
        display: none;
    }
    .main-right-tile.install-addons i.fa-arrow-right {
        display: block;
    }

    .business-promotion-section {
        min-height: 1116px;
    }
    .the-mynyte-and-myday-apps .business-promotion-section {
        min-height: 1467px;
    }
    .flyer-and-art-design .business-promotion-section {
        min-height: 955px;
    }
    .google-ranking-and-seo .business-promotion-section {
        min-height: 1195px;
    }
    .social-media .business-promotion-section {
        min-height: 1215px;
    }

    .contact-section {
        margin: 10px auto;
        float: none;
    }
    .contact-section.business-promotion-section-last {
        width: calc(100% - 19px);
    }

    /*Popup Branch Locator*/

    .branch-address {
        display: block;
    }

    .branch-map {
        clear: none;
        float: right;
        border-left: 1px dotted #a54f63;
        padding: 10px 20px;
    }

    /* Ass-on Examples Section */
    .menu-container {
        width: calc(50% - 20px);
    }

    .footer-tile {
        width: calc(50% - 20px);
        clear: none;
    }

    .footer-lower-bar ul {
        background: none;
        float: right;
        padding-top: 18px;
        padding-bottom: 22px;
        margin-bottom: 0;
    }

    .footer .footer-lower-bar li {
        float: right;
        background: none;
        margin: 0;
        width: 150px;
        border: none;
        color: #555;
        padding: 10px 0;
    }

    .footer-lower-bar li a {
        cursor: pointer;
        font-weight: bold;
        color: #7d0420;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 10px;
        font-family: 'Titillium Web', Arial, sans-serif;
    }
}


/* Mobile & Tablet Only */
@media only screen and (max-width: 52rem) {
    .small-screen-trans {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
}

@media only screen and (min-width: 52rem) {
    .top-logo-container {
        width: 100%;
        padding: 0;
        border-bottom: none;
        max-width: 1500px;
        float: none;
        margin: 0 auto;
    }

    .top-logo-container h2 {
        display: block;
    }
    
    #header-bar ul,
    #header-bar ul.show {
        position: initial;
        left: 0;
        font-size: 13px;
        background: none;
        float: left;
        width: auto;
        border-right: none;
        height: auto;
        float: right;
        margin-top: 0px;
        margin-bottom: 3px;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    #header-bar .inner-menu {
        clear: none;
        position: absolute;
        margin-left: 0;
        width: 100%;
        top: 319px;
        background: rgba(44, 44, 44, 0.4);
        opacity: 0;
    }

    #header-bar ul.inner-menu.show {
        float: none;
        position: absolute;
        left: 0;
        width: calc(100vw - 42px);
        background: #f7f7f7;
        top: 74px;
        border: 1px solid #8a686f;
        padding: 0;
        opacity: 1;
        margin-left: 0;
        margin-top: 0px;
        border-top: 1px solid #615e5e;
    }

    #header-bar ul.main li {
        clear: none;
        width: auto;
        background: none;
        border: none;
        padding-top: 25px;
        height: 25px;
        font-size: 13px;
        position: initial;
        padding-bottom: 45px;
        margin-top: -1px;
        max-height: none;
        text-transform: uppercase;
        line-height: 20px;
    }
    #header-bar li.close,
    #header-bar li.business-packages {
        display: none;
    }

    #header-bar ul.main {
        float: right;
        margin: 0 50px 0 0;
        display: table;
    }

    #header-bar ul.main li.main-li {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        padding: 25px 11px 50px;
        height: 25px;
        overflow: hidden;
        clear: none;
        float: left;
        width: auto;
        display: inline-block;
        min-height: 0;
        min-width: 80px;
    }

    #header-bar li a,
    #header-bar li.contact a,
    #header-bar li.free-addons a {
        color: #eee;
        width: auto;

        margin-top: 2px;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    #header-bar li a br {
        display: none;
    }

    #header-bar ul.main li.main-li:hover {
        background: rgba(44, 44, 44, 0.4);
        padding-left: 11px;
        padding-right: 11px;
        padding-top: 30px;
        padding-bottom: 111px;
        cursor: pointer;
    }
    #header-bar ul.main li.main-li.contact:hover,
    #header-bar ul.main li.main-li.free-addons:hover {
        /* padding-bottom: 26px; */
        border-bottom: none;
    }

    #header-bar ul.main li:hover ul {
        opacity: 1;
        height: 165px;
        padding: 20px 0 30px;
        top: 154px;
        max-height: 167px;

        width: 100%;
    }

    #header-bar ul.main li:hover a,
    #header-bar ul.main li.contact:hover a {
        color: #e6bedb;
        padding-top: 56px;
        padding-bottom: 20px;
    }

    #header-bar ul.main li:hover .inner-menu a,
    #header-bar ul.main li.contact:hover .inner-menu a {
        color: #e0dfdd;
        margin-top: 0;
    }
    
    #header-bar ul.main li:hover .inner-menu li:hover a,
    #header-bar ul.main li.contact:hover .inner-menu li:hover a {
        color: #efe9ed;
    }

    #header-bar .top-logo-container li i,
    #header-bar .top-logo-container li button {
        display: none;

        float: none;
    }

    #header-bar ul.main ul.inner-menu li,
    #header-bar ul.main ul.inner-menu.show li {
        width: calc(20% - 76px);
        float: left;
        text-align: center;
        padding-left: 35px;
        padding-right: 35px;
        margin-left: 5px;
        opacity: 1;
        height: 115px;
    }
    
    #header-bar ul.main .two-item-container ul.inner-menu li,
    #header-bar ul.main .two-item-container ul.inner-menu.show li {
        width: calc(50% - 77px);
    }
    #header-bar ul.main .three-item-container ul.inner-menu li,
    #header-bar ul.main .three-item-container ul.inner-menu.show li {
        width: calc(33.3% - 77px);
    }
    #header-bar ul.main .four-item-container ul.inner-menu li,
    #header-bar ul.main .four-item-container ul.inner-menu.show li {
        width: calc(25% - 77px);
    }
    #header-bar ul.main ul.inner-menu li:hover,
    #header-bar ul.main ul.inner-menu li:hover i {
        color: #ccaebb;
    }

    #header-bar .top-logo-container .inner-menu li i {
        display: block;
        margin-top: -13px;
        margin-bottom: 17px;
        font-size: 60px;
        width: auto;
        margin-right: 5px;
        color: #da7e8f;
    }
    #header-bar .top-logo-container .inner-menu li i.fa-window-minimize {
        margin-top: -22px;
        margin-bottom: 26px;
    }
    
    #header-bar ul.main ul.inner-menu li:hover i {
        text-shadow:1px 0px 1px #000;
    }

    #header-bar ul.main ul.inner-menu li br {
        display: block;
    }

    #header-bar .inner-menu li span {
        display: block;
        float: left;
        clear: left;
        font-size: 13px;
        text-transform: none;
        margin-top: 5px;

        border-top: 1px dotted #8e8989;
        padding-top: 5px;
        width: 100%;

    }

    #header-bar button.menu {
        display: none;
    }
    #header-bar button.quote {
        display: block;
        width: 77px;
        padding-top: 4px;
        height: 75px;
    }
    #header-bar button.quote:hover {
        cursor: pointer;
        background: rgba(220, 220, 220, 0.8);
    }

    .header-img {
        /* margin-top: 75px; */
    }

    .header-img h1 {
        font-size: 38px;
    }

    .header-text-container h2 {
        display: none;
    }

    .main-content-topbar {
        width: calc(33.3% - 41px);
    }
    .main-content-topbar.main-content-topbar-last {
        display: block;
    }

    .main-container .text .widget-prod-tiles p {
        height: 50px;
    }

    .main-container .text .cust-story-tiles {
        width: calc(20% - 20px);
        margin-right: 10px;

        margin-bottom: 0;
        margin-left: 10px;
    }
    .main-container .text .cust-story-tiles.cust-story-tile-last {
        margin-right: 10px;
        float: left;
        margin-left: 10px;
    }

    /*Acordian*/
    .main-container .text .large-accord-tile {
        width: calc(50% - 20px);
    }

    .main-container .product-summary-tile {
        width: calc(20% - 24px);
        margin-right: 30px;
    }
    .main-container.product-summary .product-summary-tile.product-summary-tile-last {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .main-container.product-summary-four-tile .product-summary-tile {
        width: calc(25% - 23px);
        margin-right: 30px;
    }

    .product-summary i.fa.fa-gamepad.tile-icon.tile-icon-features {
        margin-top: 1px;
    }

    .business-promotion-section {
        min-height: 990px;
    }
    .the-mynyte-and-myday-apps .business-promotion-section {
        min-height: 1255px;

    }

    .main-container.product-summary-2 .product-summary-tile {
        width: calc(33% - 18px);
        margin-right: 30px;

    }
    .main-container.product-summary-2 .product-summary-tile.product-summary-tile-last {
        margin-right: 0;
    }

    .product-summary-2 .product-summary-tile img.tile-icon {
        margin-top: -30px;
    }

    .product-features .features-tiles {
        width: calc(33.3% - 20px);
        margin-right: 20px;
        height: 226.2px;
    }

    /* Footer */
    .footer-tile {
        width: calc(66.6% - 40px);
        margin: 20px;
    }
    .footer-tile.social-media-tile {
        clear: none;
        width: calc(33.3% - 40px);
    }
    
    .footer .inner-tile,
    .footer .social-media-tile .inner-tile {
        /* min-height: 445px; */
    }

    .footer .sub-tile div {
        margin-top: 7px;
    }

    .footer ul {
        min-width: auto;
    }
    .footer .navigation {
        width: calc(calc(100% * 1/3) - 40px);
    }
    .footer .social-media {
        width: calc(100% - 40px);
    }

    .footer li {
        padding: 4px;
    }
    .footer .social-media li {
        width: calc(50% - 9px);
    }
}

@media only screen and (min-width: 62rem) {
    
    #header-bar.with-margin .inner-menu {
        width: 100%;
    }
    
    .top-logo-container h2 {
        display: block;
    }
    
    #header-bar ul.main li.main-li.business-packages {
        display: inline-block;
    }

    .header-img.at-top {
        margin-top: 0px;
        height: 550px;
    }
    .index .header-img.at-top {
        height: auto;
    }
    .header-img .header-text-container {
        top: 62%;
    }
    
    .header-img.at-top i {
        margin-top: 200px;
    }

    .header-img a {
        display: block;
    }

    .main-container .text .widget-prod-tiles {
        width: calc(20% - 20px);
        margin-right: 10px;
        margin-bottom: 0;
    }

    .main-container .text .widget-prod-tiles.widget-prod-four-tiles {
        width: calc(25% - 20px);

    }

    .main-container .text .widget-prod-tiles p {
        height: 65px;
    }
    
    .index .main-container.start-journey,
    .business-promotion .main-container.start-journey {
        background: url('../img/dessert-background.jpg');
        background-size: 100%;
        background-attachment: fixed;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .main-package-container {
        margin-left: 15px;
        margin-right: 15px;
    }
    .two-package-container .main-package-container {
        width: calc(50% - 34px);
    }
    .three-package-container .main-package-container {
        width: calc(33.3% - 33px);
    }
    .four-package-container .main-package-container {
        width: calc(25% - 24px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .business-package-container .main-package-container {
        min-height: 427px;
        background: #f2f2f2;
    }

    .business-package-container .main-package-container p {
        min-height: 60px;
    }

    .three-package-container .gold-package-container ul li {
        width: 100%;
    }

    .main-package-container.last-package-container {
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
    }

    .business-promotion-section,
    .business-promotion-section.business-promotion-section-last {
        min-height: 1070px;
    }
    .the-mynyte-and-myday-apps .business-promotion-section,
    .the-mynyte-and-myday-apps .business-promotion-section.business-promotion-section-last {
        min-height: 1460px;
    }
    .flyer-and-art-design .business-promotion-section,
    .flyer-and-art-design .business-promotion-section.business-promotion-section-last {
        min-height: 957px;
    }
    .google-ranking-and-seo .business-promotion-section,
    .google-ranking-and-seo .business-promotion-section.business-promotion-section-last {
        min-height: 1195px;
    }
    .social-media .business-promotion-section,
    .social-media .business-promotion-section.business-promotion-section-last {
        min-height: 1220px;
    }
    
    .business-promotion-section.business-promotion-section-last {
        display: inline-block;
    }
    
    .business-promotion-section:nth-child(4),
    .business-promotion-section:nth-child(6) {
        clear: none;
    }
    
    .business-promotion-section:nth-child(5) {
        clear: left;
    }

    .main-container .main-right-tile.addon-benefits {
        margin-right: 19px;
        margin-left: 19px;
        width: calc(25% - 42px);
    }

    .main-right-tile i.fa-plus {
        right: -47px;
        top: 60px;
    }

    .main-right-tile:nth-child(4) i.fa-plus,
    .main-right-tile:nth-child(8) i.fa-plus {
        display: none;
    }
    
    .main-right-tile:nth-child(2) i.fa-plus,
    .main-right-tile:nth-child(6) i.fa-plus,
    .main-right-tile:nth-child(10) i.fa-plus {
        display: block;
    }

    /* Add-on Example Pages */
    .addon-examples .h-container {
        margin-bottom: 0;
    }

    .menu-container {
        width: 250px;
        margin-right: 0;
        margin-left: 0;
        border-top: 1px solid #4d76b5;
        margin-bottom: 0;
    }
    .menu-container.menu-container-right {
        border-left: 1px solid #6782ca;
        border-right: 1px solid #4c6698;
    }

    /* Footer */

    .footer .sub-tile div {
        margin-top: 10px;
    }

    .footer ul.navigation {
        width: calc(calc(100% * 1/3) - 40px);
    }

    .footer .inner-tile,
    .footer .social-media-tile .inner-tile {
        /* min-height: 260px; */
    }

    .footer .sub-tile {
        width: 50%;
        float: left;
    }
    .footer .sub-tile.sub-tile-second {
        margin-top: 0;
    }

    .footer li {
        padding: 5px 0;
    }
}

@media only screen and (min-width: 67rem) {
    .inner-container-slider.complex-slider .main-inner-container {
        height: 235px;
    }
    
    .about-us .main-container .main-right-tile,
    .main-container .main-right-tile.our-philosophy {
        width: calc(33.3% - 23px);
    }

    .inner-container-slider .main-inner-container {
        height: 315px;
    }
    .locate-parlours .inner-container-slider .main-inner-container {
        height: auto;
    }
}

@media only screen and (min-width: 72rem) {
    #header-bar ul.main li.main-li.free-addons {
        display: inline-block;
    }
}


@media only screen and (min-width: 85rem) {
    .addon-examples .right-sidebar {
        display: block;
        float: right;
        width: calc(100% - 1195px);
        background: #4f5051;
        position: absolute;
        top: 105px;
        bottom: 0;
        right: 0;
        border-left: 1px solid #6c6868;
    }
}

.submitting input,
.submitting textarea {
    background: #ddd;
}