@font-face {
    font-family: "OxalisW01-DemiBold";
    src: url('../fonts/Oxalis.eot');
    src: url('../fonts/Oxalis.eot?#iefix') format('embedded-opentype'), url('../fonts/Oxalis.woff') format('woff'), url('../fonts/Oxalis.ttf') format('truetype'), url('../fonts/Oxalis.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fsalbert_light-webfont';
    src: url('../fonts/fsalbert_light-webfont.eot');
    src: url('../fonts/fsalbert_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fsalbert_light-webfont.woff') format('woff'), url('../fonts/fsalbert_light-webfont.ttf') format('truetype'), url('../fonts/fsalbert_light-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel-Regular';
    src: url('../fonts/Cinzel-Regular.eot');
    src: url('../fonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cinzel-Regular.woff') format('woff'), url('../fonts/Cinzel-Regular.ttf') format('truetype'), url('../fonts/Cinzel-Regular.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype'), url('../fonts/Calibri.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nav li {
    margin: 0 0;
}

body {
    font-family: 'fsalbert_light-webfont' !important;
}

.item img {
    width: 100%;
    zoom: 1;
}

#MemberPic {
    vertical-align: middle !important;
}

.ss-register-here {
    font-family: "OxalisW01-DemiBold";
    font-size: 25px;
    letter-spacing: 1px;
}

.line-bordr {
    background-size: 100% auto;
    width: 100%;
}

.nav li a {
    padding: 7.2px 41px;
    font-family: 'fsalbert_light-webfont';
    line-height: 21px;
}

    .nav li a img {
        vertical-align: middle;
    }

.register-container {
    top: 113px;
}

.ss-arrow1 {
    font-size: 19px;
    position: absolute;
    bottom: 0;
}

.ss-marginbotm1 {
    display: inline-block;
    width: 100%;
}

.ss-footercontact {
    margin-top: 50px;
    width: 100%;
    font-size: 16px;
    word-break: break-all;
    display: inline-block;
}

.ss-youtube {
    width: 100%;
}

.ss-footercontact b {
    margin-right: 2px;
}

.ss-footercopyright {
    font-size: 15px;
    font-weight: normal;
    padding: 12px 0;
}

.ss-footer-wearelooking {
    font-size: 20px;
}

.ss-footerlinks {
    font-weight: normal;
}

.ss-padd {
    padding: 10px 0;
}

.ss-arrow {
    font-size: 19px;
    position: absolute;
    left: -35px;
}

.ss-slideup {
    position: relative;
}

.modal-backdrop {
    z-index: 1050;
}

.modallogin {
    z-index: 1060;
    left: 0;
    margin: auto;
}

.back {
    z-index: 2;
}

.modal-content {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.ss-registerbtn:hover {
}

.navbar-fixed-top {
    top: 0;
    padding-top: 15px;
}

.ss-btn1, .ss-btn2 {
    border-radius: 5px;
    height: 35px;
    line-height: 31px;
    font-weight: normal;
}

.modal-dialog {
    width: 360px;
}

.ss-topmenu {
    width: 100%;
    position: absolute;
    right: 0;
    top: -37px;
    font-size: 9px;
}

.ss-register-here {
    background-color: #af2226;
    box-shadow: 0 -2px 0px #A1A1A1;
    height: 34px;
    margin-bottom: 10px;
    line-height: 39px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.ss-footer-text {
    font-size: 16px;
}

.ss-resionsbg1 .media, .ss-resionsbg1 .media .media-body {
    overflow: inherit !important;
    padding-top: 10px;
}

.navbar-pad-original {
    background: #fff;
    height: 57px;
    box-shadow: 0 0 2px #fff;
}

.navbar-wrapper {
    padding-top: 51px;
}

.ss-register-here122 {
    border: none;
    max-width: 100%;
    width: 100%;
    font-weight: bold;
    font-size: 21px;
    font-family: 'Cinzel-Regular';
    /*font-family: "OxalisW01-DemiBold";*/
    text-align: center;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    line-height: 31px;
    margin: 2px 0 4px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #af2226;
    box-shadow: 0 -3px 3px #a4a4a4 !important;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 0;
    outline: none;
    border-bottom: 3px solid #8d1b1e;
}

    .ss-register-here122:hover {
        border-bottom: 3px solid #8d1b1e !important;
        top: 2px;
    }

    .ss-register-here122:active {
        border-bottom: 0 solid #8d1b1e !important;
        top: 6px;
    }

.navbar {
    width: 100%;
    margin: auto;
    -webkit-transition: background .8s ease-out, padding .8s ease-out;
    -moz-transition: background .8s ease-out, padding .8s ease-out;
    transition: background .8s ease-out, padding .8s ease-out;
}

.register-container {
    top: 88px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    display: block;
    left: 0;
    right: 0;
}

.carouseladsa {
    width: 100%;
    margin-top: 6px;
    position: relative;
}

.ss-loginmember {
    margin-right: -2px !important;
}

.ss-howtowork b {
    margin-left: 10px;
}

.ss-registerbtn {
    max-width: 200px;
    color: #595959;
    outline: none;
    font-weight: bold;
}

    .ss-registerbtn:hover, .ss-registerbtn:active, .ss-registerbtn:focus {
        max-width: 200px;
        outline: none;
        color: #595959;
    }

.registernow {
    color: #fff !important;
}

.modal-footer {
    height: 0;
}

.ss-resionsbg1 .media .media-body {
}

.ss-resionsbg12 {
    font-size: 15px;
    background: none;
}

.ss-textcolor2 {
    line-height: 15px;
}

    .ss-textcolor2 label {
        font-size: 16px;
        color: #000;
        font-weight: 500;
        width: 100%;
        text-align: left;
    }

.modallogin form-group {
    margin-bottom: 0;
}

.tick {
    list-style-image: none;
    list-style: none;
}

    .tick span {
        background: url('../img/li.png') center no-repeat;
        margin-right: 10px;
        vertical-align: middle;
        height: 28px;
        display: inline-block;
        width: 28px;
    }

.blockquote {
    margin-bottom: -30px;
    position: relative;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    padding-right: 22px;
    margin: 0 auto;
    padding-left: 0.4em;
}

.ss-link-color2 {
    margin-left: 0;
    float: right;
    margin-right: 5px;
    width: 79px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ss-pic-bottom {
    margin-top: 50px;
}

.ss-resiontojoin {
    padding-top: 10px;
    padding-left: 5px;
    font-size: 14px;
    position: relative;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: bold;
    font-family: 'fsalbert_light-webfont';
    max-width: 95%;
}

.ss-bg {
    background: #f2f2f2;
    display: inline-block;
    margin-top: 20px;
}

.ss-resionsbg12 .media {
    border: 1px solid #dddddd;
    background: #fff;
    padding: 7px 7px 1px;
    max-width: 92%;
}

#popup1 .form-group {
    position: relative;
}

    #popup1 .form-group span {
        position: absolute;
        font-size: 10px;
    }

#passstrength1 {
    font-size: 10px;
}

.blockquote:before {
    content: "\201C";
    font-size: 50px;
    color: #fff;
    position: absolute;
    z-index: 99999;
    z-index: 1;
    top: -33px;
    left: -50px;
}

.blockquote:after {
    content: "\201D";
    font-size: 50px;
    color: #fff;
    position: absolute;
    bottom: -60px;
    right: 6px;
}

.blockquote1:before {
    content: "\201C";
    font-size: 40px;
    color: #ff7c80;
    position: absolute;
    z-index: 99999;
    z-index: 1;
    top: 18px;
    left: -14px;
}

.blockquote1:after {
    content: "\201D";
    font-size: 40px;
    color: #ff7c80;
    position: absolute;
    bottom: 0;
    right: -14px;
}

.ss-resion-link-color {
    width: 100%;
    display: block;
    margin-top: 6px;
}

.ss-about-btn {
    padding: 0 6.6% !important;
}

.ss-resionsbg1 {
    margin-top: 0 !important;
    width: 100%;
}

.ss-diagram a {
    text-decoration: underline;
}

.ss-registernow {
    width: 100%;
    background-size: cover;
    background-position: 0 -75px;
    display: inline-block;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.ss_btn {
    width: 100%;
    display: inline-block;
    padding: 0 7px;
    text-align: center;
}

.ss-resionsbg1 {
    background: none;
}

.ss-default-pic-bottom {
    margin-left: 0;
    margin-top: 9px;
}

.navbar {
    border: 1px solid none !important;
}

.ss-logoleft {
    height: auto;
    ;
    width: 165px;
    margin-top: 0px;
    border: 1px;
}

nav {
    margin: 0;
    background: #595959;
}

.nav a:hover, .nav a:active, .nav a:focus {
    background-color: none !important;
}

.nav a {
    color: #fff;
}

.ss-marginbotm {
    margin-bottom: 10px;
}

.ss-defaultabouthd {
    margin: 0;
    line-height: 60px;
    font-size: 30px;
}

.ss-defaultabouthdtext {
    margin-top: 0;
    font-size: 20px;
}

.ss_set img {
    height: 66px;
    width: 2px;
    display: inline-block;
    background-size: 100% auto;
    vertical-align: bottom;
}

.ss_set p {
    display: inline-block;
    width: 95%;
    margin: 0px 9px 3px;
    vertical-align: sub;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none !important;
}

.ss-whyss1 {
    width: 100%;
    background-color: #7F7F7F;
    padding: 3px 0;
    font-size: 24px;
    color: #fff;
    font-family: 'fsalbert_light-webfont';
}

.ss-bg2 {
    position: relative;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 1070;
}

.ss-defaultabouttext {
    margin-left: 0;
    font-size: 16px;
}

.modalregister {
    z-index: 1051;
}

.bg {
    background: #EDF2F8;
    width: 100%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    display: inline-block;
}

.ch-grid li {
    width: 240px;
    height: 290px;
    display: inline-block;
    margin: 0 20px;
    position: relative;
}

.ch-info-front {
    background-size: 100% 84%;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ch-grid {
    margin: 0;
}

#cicle_img.ss-selectActive {
    display: block !important;
    color: #000;
    width: 100%;
    padding: 5px;
}

#cicle_img {
    display: none;
    width: 100%;
    float: left;
}

.ch-grid li:hover:before {
    top: 0px;
    left: -15px;
    right: 0;
    margin: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    width: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-color: rgba(127, 127, 127, 0);
    border-top-color: #7F7F7F;
    border-width: 30px;
}

.ui-state-active:before {
    top: 0px;
    left: -15px;
    right: 0;
    margin: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    width: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-color: rgba(127, 127, 127, 0);
    border-top-color: #7F7F7F;
    border-width: 30px;
}

.ch-info .ch-info-back {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    background: #000;
    opacity: 0;
    width: 92%;
    margin-top: 40px;
    border-radius: 50% !important;
    height: 73%;
}

.logout {
    margin-top: 15px;
}

.ss-bg1, .ss-bg5 {
    display: inline-block;
}

.margintop {
    margin: 30px 0;
}

.ss-ii {
    background: url(../css/i.png) center no-repeat;
    width: 15px;
    height: 15px;
    left: 0;
    position: absolute;
    display: inline-block;
    background-size: 100% 100%;
    top: 9px;
}
.ss-iii {
    background: url(../css/ii.png) center no-repeat;
    width: 15px;
    height: 15px;
    left: 0;
    position: absolute;
    display: inline-block;
    background-size: 100% 100%;
    top: -42px;
}
#popup1 .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}

.ss-loginbtn {
    background: #ff7c80;
    outline: none;
    max-width: 100%;
}

    .ss-loginbtn:hover, .ss-loginbtn:active, .ss-loginbtn:focus {
        outline: none;
        max-width: 100%;
    }

.modal-content {
    border: 3px solid #f2f2f2;
    display: inline-block;
}

.ss-slider {
    top: 0;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    background-image: url('../img/slideupline.png');
}

nav.navbar-findcond1 button.navbar-toggle > span.icon-bar, nav.navbar-findcond1 button.navbar-toggle {
    background: none !important;
}

.margin0 {
    margin: 0;
}

.ss-resionsbg12 .media, .media-body {
    overflow: inherit;
}

.ss-default-resiontext {
    margin-left: 25px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #000;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    margin-top: 4px;
}

.tick {
    font-weight: bold;
    margin: 15px 0;
    font-size: 16px;
    font-family: 'fsalbert_light-webfont';
}

.modalregister .form-group {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.ss-abouttext {
    margin-left: 0;
}

.ss-defaultabouthdtext1 {
    margin-top: 15px;
}

.ss-socialmedia a {
    display: inline-block;
    width: 26px;
    height: 25px;
}

    .ss-socialmedia a.fb {
        background: #606f90;
    }

    .ss-socialmedia a.twitter {
        background: #69b7d3;
    }

    .ss-socialmedia a.v {
        background: #d79053;
    }

    .ss-socialmedia a.google {
        background: #c1766a;
    }

.logout a {
    display: inline-block;
    color: #000;
    width: 100%;
    padding: 2px 0;
    max-width: 100px;
    font-size: 17px;
    text-align: right;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.popup {
    position: fixed;
    background: rgba(31,34,36,0.4);
    top: 0;
    z-index: 1061;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
}

.padd {
    padding: 0;
}

.popup .modal-dialog {
    width: 400px;
    margin: 105px auto;
}

.close1 {
    color: #000;
    text-align: right;
    float: right;
    background: url(../img/close-butn.png) right no-repeat;
    width: 12px;
    text-align: right;
    display: inline-block;
    background-position: 18px 3px;
    width: 34px;
    height: 19px;
    background-size: 36% auto;
    margin-right: 0;
    margin-top: 0;
}

    .close1:hover {
        opacity: 0.7;
    }

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-arrow-right:before {
    content: "\e00d";
}

.btn-4c:before {
    left: 70%;
    opacity: 0;
    top: 0;
}

.btn-4c:hover:before {
    left: 80%;
    opacity: 1;
}

.ss-btn1-ss {
    border: none;
    font-family: inherit;
    height: 30px;
    font-size: 15px;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 16px 100px;
    box-shadow: 1px 1px 5px #595959;
    display: inline-block;
    margin: 15px 0 10px 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .ss-btn1-ss:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

    .ss-btn1-ss:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

.btn-4 {
    border-radius: 5px;
    color: #fff;
    background-color: #FF7C80;
    overflow: hidden;
}

    .btn-4:active {
        border-color: #FF7C80;
        color: #595960;
    }

    .btn-4:hover {
        background: rgba(255,124,128,0.8);
    }

    .btn-4 input {
        width: 100%;
        display: inline-block;
        position: absolute;
        left: 0;
        color: #595960;
        top: 0px;
        outline: none;
        height: 100%;
        font-size: 19px;
        border: none;
        background: none;
        float: left;
    }

    .btn-4:before {
        position: absolute;
        height: 100%;
        font-size: 90%;
        line-height: 33px;
        color: #595960;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .btn-4:active:before {
        color: #595960;
    }

.icon-arrow-right:before {
    content: "\e00d";
}

.btn-4c12:before {
    left: 70%;
    opacity: 0;
    top: 3px;
}

.btn-4c12:hover:before {
    left: 80%;
    opacity: 1;
}

.ss-btn112-ss {
    border: none;
    font-size: inherit;
    color: #fff;
    background: #FF7C80;
    font-weight: normal;
    cursor: pointer;
    font-size: 24px;
    padding: 4px 37px;
    display: inline-block;
    margin: 15px auto;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    border-bottom: 3px solid rgba(171, 60, 60, 0.72);
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .ss-btn112-ss:hover {
        border-bottom: 3px solid rgba(171, 60, 60, 0.72);
        top: 2px;
    }

    .ss-btn112-ss:active {
        border-bottom: 0 solid rgba(171, 60, 60, 0.72);
        top: 6px;
    }

    .ss-btn112-ss:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

.btn-41 {
    border-radius: 5px;
    border: 3px solid #FF7C80;
    color: #fff;
    background-color: #FF7C80;
    overflow: hidden;
}

    .btn-41:active {
        border-color: #FF7C80;
        color: #17954c;
    }

    .btn-41:hover {
        background-color: #FF7C80;
        opacity: 0.8;
    }

    .btn-41:before {
        position: absolute;
        height: 100%;
        font-size: 90%;
        line-height: 26px;
        padding-left: 10px;
        color: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .btn-41:active:before {
        color: #17954c;
    }

#quote-carousel {
    padding: 0 0 !important;
    margin-top: 0px;
}

    #quote-carousel .carousel-control {
        background: none;
        color: #222;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
    }

        #quote-carousel .carousel-control.left {
            left: -12px;
        }

        #quote-carousel .carousel-control.right {
            right: -12px !important;
        }

    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }

        #quote-carousel .carousel-indicators li {
            background: #c0c0c0;
        }

        #quote-carousel .carousel-indicators .active {
            background: #333333;
        }

    #quote-carousel img {
        width: 58px;
        height: 57px;
    }

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }

@media (min-width:768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}

@media (max-width:768px) {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

        #quote-carousel .carousel-indicators li {
            display: inline-block;
            margin: 0px 5px;
            width: 15px;
            height: 15px;
        }

            #quote-carousel .carousel-indicators li.active {
                margin: 0px 5px;
                width: 20px;
                height: 20px;
            }
}

.ss-forgrt_pass {
    font-size: 14px;
    margin: 8px 0 0;
    display: inline-block;
    text-decoration: underline;
    width: 100%;
}

.card {
    display: inline-block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .card:hover {
        -webkit-animation-name: wobble;
        animation-name: wobble;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes wobble {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes wobble {
    16.65% {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.diagram {
    position: relative;
    padding: 4% 0 5%;
    overflow: hidden;
}

.ss-diagram-img {
    float: left;
    width: 100%;
}

.register-a {
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    z-index: -1;
}

.ss-register-here .btn1234:hover.register-a {
    z-index: 1;
}

.ss-loginmember .dropdown-menu {
    min-width: 100% !important;
    background: #595959;
    padding: 0;
    border: none;
}

    .ss-loginmember .dropdown-menu li a:last-child:hover {
        border-bottom-left-radius: 4px !important;
    }

    .ss-loginmember .dropdown-menu li a:active {
        background: #af2226;
        text-align: center;
    }

.ss-diagram div {
    width: 30%;
    float: left;
    position: absolute;
}

.ss-online {
    left: 7%;
    top: -12%;
}

.ss-message {
    left: 34%;
    top: -12%;
}

.ss-Personalise {
    right: 7%;
    top: -12%;
    ;
}

.ss-Marriage {
    right: -19%;
    top: -12%;
}

.ss-Choose {
    left: 16%;
    top: 100%;
}

.ss-Salaam {
    left: 44%;
    top: 100%;
}

.ss-Communicate {
    right: -3%;
    top: 100%;
}

.ss-online a {
    background: #9bbb59;
    width: 220px;
    box-shadow: 3px -3px 3px #a4a4a4;
    display: inline-block;
    text-align: center;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    position: absolute;
    border-radius: 20px;
}

.ss-latest-new h4 b {
    font-size: 24px;
}

.footer-btn1 {
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    color: #fff;
    transition: all 0.3s;
    display: inline-block;
    cursor: pointer;
}

    .footer-btn1:hover {
        box-shadow: 0 4px rgba(53, 47, 47, 0.72);
        color: #fff;
        top: 2px;
    }

    .footer-btn1:active {
        top: 6px;
        box-shadow: 0 0px rgba(53, 47, 47, 0.72);
        color: #fff;
    }

.ss-online p {
    margin: 20% 17% 0 7%;
    font-size: 16px;
}

.ss-message a {
    background: #f79646;
    width: 220px;
    text-align: center;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    position: absolute;
    box-shadow: 3px -3px 3px #a4a4a4;
    border-radius: 20px;
}

.ss-message p {
    margin: 20% 9% 0;
    font-size: 16px;
}

.ss-Personalise a {
    background: #4bacc6;
    text-align: center;
    box-shadow: 3px -3px 3px #a4a4a4;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    width: 220px;
    display: inline-block;
    position: absolute;
    border-radius: 20px;
}

.ss-Personalise p {
    margin: 20% 9% 0;
    font-size: 16px;
}

.ss-Marriage a {
    background: #ff7c80;
    text-align: center;
    box-shadow: 3px -3px 3px #a4a4a4;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    width: 120px;
    display: inline-block;
    position: absolute;
    border-radius: 20px;
}

.ss-Choose a {
    background: #4f81bd;
    width: 220px;
    display: inline-block;
    position: absolute;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 3px -3px 3px #a4a4a4;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}

.ss-Choose p {
    margin: -36% 4% 0px 9%;
    font-size: 16px;
    padding-right: 18px;
    float: left;
}

.ss-Salaam a {
    background: #c0504d;
    padding: 5px 0 14px;
    font-weight: bold;
    width: 220px;
    box-shadow: 3px -3px 3px #a4a4a4;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 20px;
}

.ss-diagram p {
    font-family: 'fsalbert_light-webfont' !important;
}

.ss-Salaam p {
    margin: -36% 0 0px 9%;
    font-size: 16px;
    padding-right: 18px;
    float: initial;
}

.ss-Communicate a {
    background: #7f7f7f;
    width: 220px;
    display: inline-block;
    position: absolute;
    box-shadow: 3px -3px 3px #a4a4a4;
    text-align: center;
    padding: 5px 0 14px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    border-radius: 20px;
}

.ss-Communicate p {
    margin: -36% 0 0px 11%;
    font-size: 16px;
    padding-right: 18px;
    float: initial;
}

.tab_a a {
    display: inline-block;
    background-color: #ccc;
    padding: 6px 2%;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 3px 3px 0 0;
    border: 1px solid #C9C6C6;
    text-decoration: none;
}

.selectActive1 {
    display: inline-block;
    text-decoration: none;
}

.tab_a a {
    display: inline-block;
    color: #000;
}

#tab_data {
    display: none;
    width: 100%;
    float: left;
}

    #tab_data.selectActive {
        display: block !important;
        color: #000;
        width: 100%;
        padding: 5px;
    }

.ss-resionsbg1 .carousel-control {
    display: none;
}

.ss-diagram div a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.a-btn-3 {
    background: #9bbb59;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#9bbb59,0),color-stop(#9bbb59,1));
    background: -webkit-linear-gradient(top, #9bbb59 0%, #9bbb59 100%);
    background: -moz-linear-gradient(top, #9bbb59 0%, #9bbb59 100%);
    background: -o-linear-gradient(top, #9bbb59 0%, #9bbb59 100%);
    background: linear-gradient(top, #9bbb59 0%, #9bbb59 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbb59', endColorstr='#9bbb59',GradientType=0);
    padding-left: 20px;
    padding-right: 80px;
    height: 38px;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;
    clear: both;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.a-btn-3-text {
    display: block;
    font-size: 18px;
    white-space: nowrap;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.a-btn-3-slide-text {
    position: absolute;
    height: 100%;
    top: 0px;
    right: 52px;
    width: 0px;
    background: #63707e;
    text-shadow: 0px -1px 1px #363f49;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: left;
    text-indent: 10px;
    overflow: hidden;
    line-height: 38px;
    -webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.a-btn-3-icon-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 52px;
    -webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}

    .a-btn-3-icon-right span {
        width: 38px;
        height: 38px;
        opacity: 0.7;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0px 0px -20px;
        background: transparent url(http://design14.volusion.com/v/proofs/Hack_Day_CSS3/images/arrow_right.png) no-repeat 50% 55%;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.a-btn-3:hover {
    padding-right: 180px;
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}

    .a-btn-3:hover .a-btn-3-text {
        text-shadow: 0px 1px 1px #5d81ab;
        color: #fff;
    }

    .a-btn-3:hover .a-btn-3-slide-text {
        width: 100px;
    }

    .a-btn-3:hover .a-btn-3-icon-right span {
        opacity: 1;
    }

.a-btn-3:active {
    position: relative;
    top: 1px;
    background: #9bbb59;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color: #9bbb59;
}

.btnwork {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .btnwork:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

.ss-btn-2g-ss {
    border-radius: 40px;
}

    .ss-btn-2g-ss:hover {
        box-shadow: 0 4px #F37915;
        top: 0;
    }

.ss-btn-2-ss {
    background: #cb4e4e;
    color: #fff;
    box-shadow: 0 6px #ab3c3c;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ss-btn-8-ss {
    display: block;
    background: #5cbcf6;
    outline: 1px solid transparent;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@mixin fade-transition($element) {
    -webkit-transition: $element 0.15s ease-in-out;
    -moz-transition: $element 0.15s ease-in-out;
    -ms-transition: $element 0.15s ease-in-out;
    -o-transition: $element 0.15s ease-in-out;
    transition: $element 0.15s ease-in-out;
}

.card a {
    text-transform: uppercase;
    margin: auto;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    @include fade-transition(background);
    &:hover;

{
}

}

.card a i {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 5;
}

.card a:hover i {
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.85) 71%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.03)), color-stop(30%,rgba(255,255,255,0.85)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(70%,rgba(255,255,255,0.85)), color-stop(71%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0.8) 71%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1);
    width: 15%;
    height: 100%;
    transform: skew(v);
    -webkit-transform: skew(0deg,0deg);
    -moz-transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -o-transform: skew(0deg,0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-10deg,0deg);
    -moz-animation: move 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-10deg,0deg);
    -ms-animation: move 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-10deg,0deg);
    -o-animation: move 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s;
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0;
    }

    48% {
        opacity: 0.2;
    }

    80% {
        opacity: 0.0;
    }

    100% {
        left: 82%;
    }
}

@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0;
    }

    48% {
        opacity: 0.2;
    }

    80% {
        opacity: 0.0;
    }

    100% {
        left: 82%;
    }
}

@-moz-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0;
    }

    48% {
        opacity: 0.2;
    }

    80% {
        opacity: 0.0;
    }

    100% {
        left: 88%;
    }
}

@-ms-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0;
    }

    48% {
        opacity: 0.2;
    }

    80% {
        opacity: 0.0;
    }

    100% {
        left: 82%;
    }
}

@-o-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }

    5% {
        opacity: 0.0;
    }

    48% {
        opacity: 0.2;
    }

    80% {
        opacity: 0.0;
    }

    100% {
        left: 82%;
    }
}

.ss-online a:hover {
    box-shadow: 0 4px #628619;
    padding: 10px 0 9px !important;
    top: 2px;
}

.ss-online a:active {
    box-shadow: 0 0 #628619;
    top: 6px;
}

.ss-message a:hover {
    box-shadow: 0 4px #FF7300;
    padding: 10px 0 9px !important;
    top: 2px;
}

.ss-message a:active {
    box-shadow: 0 0 #FF7300;
    top: 6px;
}

.ss-Personalise a:hover {
    box-shadow: 0 4px #30798E;
    padding: 10px 0 9px !important;
    top: 2px;
}

.ss-Personalise a:active {
    box-shadow: 0 0 #ab3c3c;
    top: 6px;
}

.ss-Marriage a:hover {
    box-shadow: 0 4px #E45D62;
    padding: 10px 0 9px !important;
    top: 2px;
}

.ss-Marriage a:active {
    box-shadow: 0 0 #E45D62;
    top: 6px;
}

.ss-Choose a:hover {
    box-shadow: 0 4px #156AD0;
    top: 2px;
    padding: 10px 0 9px !important;
}

.ss-Choose a:active {
    box-shadow: 0 0 #156AD0;
    top: 6px;
}

.ss-Salaam a:hover {
    box-shadow: 0 4px #D21B17;
    top: 2px;
    padding: 10px 0 9px !important;
}

.ss-Salaam a:active {
    box-shadow: 0 0 #D21B17;
    top: 6px;
}

.ss-Communicate a:hover {
    box-shadow: 0 4px #A79F9F;
    padding: 10px 0 9px !important;
    top: 2px;
}

.ss-Communicate a:active {
    box-shadow: 0 0 #A79F9F;
    top: 6px;
}

.ss-hovermenu {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ss-hovermenu {
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) !important;
}

    .ss-hovermenu:after {
        width: 100%;
        border: 1px solid #fff;
        height: 0;
        top: 50%;
        left: 50%;
        background: #af2226;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(52deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(52deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(52deg);
        transform: translateX(-50%) translateY(-50%) rotate(52deg);
    }

    .ss-hovermenu:hover,
    .ss-hovermenu:active {
        color: #fff;
    }

        .ss-hovermenu:hover:after {
            height: 260%;
            opacity: 1;
        }

.ss-active:after {
    height: 260%;
    opacity: 1;
}

.ss-hovermenu:active:after {
    height: 400%;
    opacity: 1;
}

.ss-active:active:after {
    height: 400%;
    opacity: 1;
}

.ss-hovermenu:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ss-socialmedia a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    margin-left: auto;
    margin-right: auto;
    left: 15px;
    position: relative;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

    .ss-socialmedia a:active {
        top: 3px;
    }

    .ss-socialmedia a:before {
        line-height: 1em;
        font-weight: normal;
        color: #fff;
        font-size: 16px;
        display: block;
        position: absolute;
        top: 6px;
        right: 0;
        left: 0;
        margin: auto;
    }

.ss-readmorebrown {
    z-index: 1 !important;
}

.fb a:before, .fb a:active {
    box-shadow: inset 0px 1px 0px #606f90, 0px 2px 0px 0px #606f90, 0px 5px 3px #606f90;
}

.twitter a:before, .twitter a:active {
    box-shadow: inset 0px 1px 0px #69b7d3, 0px 2px 0px 0px #69b7d3, 0px 5px 3px #69b7d3;
}

.v a:before, .v a:active {
    box-shadow: inset 0px 1px 0px #d79053, 0px 2px 0px 0px #d79053, 0px 5px 3px #d79053;
}

.google a:before, .google a:active {
    box-shadow: inset 0px 1px 0px #c1766a, 0px 2px 0px 0px #c1766a, 0px 5px 3px #c1766a;
}

@-webkit-keyframes openTrash {
    50% {
        -webkit-transform: rotate(-35deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes openTrash {
    50% {
        -moz-transform: rotate(-35deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes openTrash {
    50% {
        -o-transform: rotate(-35deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@-ma-keyframes openTrash {
    50% {
        -ms-transform: rotate(-35deg);
    }

    100% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes openTrash {
    50% {
        transform: rotate(-35deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.btn-81234 {
    display: block;
    background: #5cbcf6;
    outline: 1px solid transparent;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .btn-81234:active {
        background: #55b7f3;
    }

.btn-8g123 {
    background: #fff !important;
    color: #999 !important;
}

    .btn-8g123:active {
        background: #fff;
    }

    .btn-8g123:after,
    .btn-8g123:before {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        line-height: 41px;
    }

    .btn-8g123:after {
        top: -98%;
        background: #C34B4E;
        color: #fff;
        content: 'REGISTER HERE';
        font-size: 25px;
        letter-spacing: 1px;
        font-family: "OxalisW01-DemiBold";
        -webkit-transform-origin: 0% 100%;
        -webkit-transform: rotateX(90deg);
        -moz-transform-origin: 0% 100%;
        -moz-transform: rotateX(90deg);
        -ms-transform-origin: 0% 100%;
        -ms-transform: rotateX(90deg);
        -o-transform-origin: 0% 100%;
        -o-transform: rotateX(90deg);
        transform-origin: 0% 100%;
        transform: rotateX(90deg);
    }

    .btn-8g123:before {
        top: 100%;
        background: #e96a6a;
        color: #a33a3a;
        content: 'Error!';
        font-weight: 700;
        font-family: 'Lato', Calibri, Arial, sans-serif;
        -webkit-transform-origin: 0% 0%;
        -webkit-transform: rotateX(-90deg);
        -moz-transform-origin: 0% 0%;
        -moz-transform: rotateX(-90deg);
        -ms-transform-origin: 0% 0%;
        -ms-transform: rotateX(-90deg);
        -o-transform-origin: 0% 0%;
        -o-transform: rotateX(-90deg);
        transform-origin: 0% 0%;
        transform: rotateX(-90deg);
    }

.btn-success3d {
    background: #aaa;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform-origin: 50% 100%;
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform-origin: 50% 100%;
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform-origin: 50% 100%;
    -o-transform: rotateX(-90deg) translateY(100%);
    transform-origin: 50% 100%;
    transform: rotateX(-90deg) translateY(100%);
}

.btn1234:hover {
    background: #aaa;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform-origin: 50% 100%;
    -moz-transform: rotateX(-90deg) translateY(100%);
    border-bottom: none;
    -ms-transform-origin: 50% 100%;
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform-origin: 50% 100%;
    -o-transform: rotateX(-90deg) translateY(100%);
    transform-origin: 50% 100%;
    transform: rotateX(-90deg) translateY(100%);
}

.btn-8g123.btn-error3d {
    background: #aaa;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: rotateX(90deg) translateY(-100%);
    -moz-transform-origin: 50% 0%;
    -moz-transform: rotateX(90deg) translateY(-100%);
    -ms-transform-origin: 50% 0%;
    -ms-transform: rotateX(90deg) translateY(-100%);
    -o-transform-origin: 50% 0%;
    -o-transform: rotateX(90deg) translateY(-100%);
    transform-origin: 50% 0%;
    transform: rotateX(90deg) translateY(-100%);
}

.ss-small-logo-left {
    z-index: 1 !important;
}

.btn1234 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-size: 25px;
    color: #fff !important;
    background: #af2226 !important;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    font-family: "OxalisW01-DemiBold";
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    border-bottom: 4px solid #8d1b1e;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn1234:after {
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

.ss-loginmember a {
    line-height: 19px !important;
}

.ss-masi-ss p {
    font-size: 16px;
    color: #000;
}

.ss-masi-ss h2 {
    font-size: 16px;
    font-weight: bold;
}

.ss-masi-ss1 .tick1p {
    color: #000;
}

.male, .female {
    display: inline-block;
}

    .male img, .female img {
        display: inline-block !important;
        float: left;
    }

.ss-points p {
    color: #000;
    margin: 0;
    font-size: 16px;
}

.ss-masi-ss {
    margin: 15px 0;
}

.ss-points p span {
    font-size: 18px;
    margin-right: 15px;
    display: inline-block;
}

.ss-masi-detail a {
    line-height: 59px;
    color: #fff;
    background: url(../img/ss-icon.png) center no-repeat;
    width: 58px;
    height: 59px;
    font-weight: bold;
    z-index: 2;
    margin: auto;
    right: 0;
    position: absolute;
    left: 0;
    top: -28px;
    display: inline-block;
    background-size: 100% auto;
}

.ss-masi-detail p {
    font-size: 15px;
}

.ss-masi-detail {
    text-align: center;
    position: relative;
}

.ss-massi-info {
    display: inline-block;
    width: 100%;
    padding-bottom: 5%;
    padding-top: 5%;
}

    .ss-massi-info .col-sm-2, .ss-massi-info .col-sm-4 {
        padding: 0;
    }

.ss-column-event {
    display: inline-block;
    width: 100%;
}

.ss-student-event {
    display: inline-block;
    width: 100%;
    clear: both;
}

.borderLeft {
    border-top: 2px solid #848484;
    box-shadow: 0 0 5px #ccc;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

.ss-masi-detail .borderLeft1 {
    left: 50%;
}

.ss-masi-detail .borderright {
    right: 50%;
}

.ss-masi-detail p {
    padding-top: 30px;
    padding: 30px 15px 0;
}

.ss-massi-form .input-group {
    width: 100% !important;
}

    .ss-massi-form .input-group label {
        font-weight: normal;
    }

    .ss-massi-form .input-group input {
        text-align: left;
        ;
    }

.sss-checkbox-sss label {
    background-image: url(../img/vlad.png);
}

.sss-checkbox-sss input[type=checkbox] + label {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}

.sss-checkbox-sss input[type=checkbox]:checked + label {
    background-position: 0 -20px;
}

.sss-checkbox-sss input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.sss-checkbox-sss .checkbox label {
    background-image: url(../img/vlad.png);
}

.checkbox {
    background-image: none !important;
}

.sss-checkbox-sss input[type=checkbox] + .checkbox label {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

.sss-checkbox-sss input[type=checkbox]:checked + .checkbox label {
    background-position: 0 -20px;
}

.sss-checkbox-sss input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ss-register-massi1 {
    border: none;
    max-width: 200px;
    max-width: 185px;
    width: 200px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 30px 7px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #FF7C80;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 5px;
    outline: none;
    border-bottom: 3px solid rgba(171, 60, 60, 0.72);
}

    .ss-register-massi1:hover {
        border-bottom: 3px solid rgba(171, 60, 60, 0.72);
        top: 2px;
    }

    .ss-register-massi1:active {
        border-bottom: 0 solid rgba(171, 60, 60, 0.72);
        top: 6px;
    }

.ss-register-massi {
    border: none;
    max-width: 126px;
    width: 150px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    margin: 15% 30px 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #97d7ca;
    box-shadow: 0 3px #7dd1c0;
    color: #000000;
    outline: none;
}

.ss-register-massi {
    border-radius: 5px;
}

    .ss-register-massi:hover {
        box-shadow: 0 3px #7dd1c0;
        top: 2px;
    }

    .ss-register-massi:active {
        box-shadow: 0 0 #7dd1c0;
        top: 6px;
    }

.ss-massi-detail h2 {
    font-size: 18px;
    font-weight: 700;
}

.ss-massi-detail ul {
    margin: 0;
    padding: 0 17px;
}

.ss-detail a {
    width: auto;
    clear: both;
    line-height: 19px;
    font-size: 18px;
    float: left;
    text-decoration: underline;
    letter-spacing: 1px;
}

    .ss-detail a span {
        font-size: 23px;
        margin-right: 15px;
        display: inline-block;
    }

.width {
    width: 100%;
}

#popup2 h4, #popup3 h4 {
    font-weight: bold;
}

.btn-sad a {
    width: 100%;
    margin: 0;
    line-height: 28px;
}

.btn-sad p, .ss-submit p {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    color: #000;
    margin: 10px 0;
    font-weight: bolder;
}

.btn-sad {
    margin-top: 5%;
}

.ss-submit {
}

    .ss-submit a:hover {
        box-shadow: 0 3px #9addf6;
        top: 2px;
    }

    .ss-submit a:active {
        box-shadow: 0 0 #9addf6;
        top: 6px;
    }

    .ss-submit a {
        width: 70%;
        margin: 0;
        line-height: 28px;
        background: #c5eaf8;
        box-shadow: 0 3px #9addf6;
    }

.ss-compose {
    margin: 0;
    float: left;
    width: 100%;
    background: #000;
    padding: 10px 10px;
    color: #fff;
}

    .ss-compose a {
        color: #fff;
    }

    .ss-compose h1 {
        font-size: 15px;
        margin: 0;
        float: left;
    }

.ss-compose-field .form-group label, .ss-compose-field .form-group input, .ss-compose-field .form-group textarea {
    width: 100%;
}

.btn-file {
    position: relative;
    overflow: hidden;
    max-width: 150px;
    line-height: 28px !important;
    height: 30px;
    font-size: 16px !important;
    float: left;
    width: 100%;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

#compose .modal-dialog {
    width: 43%;
    position: fixed !important;
    bottom: 0;
    margin: 0 !important;
    right: 0 !important;
}

.ss-ii b {
    color: #666;
    position: absolute;
    font-family: sans-serif;
    bottom: 0;
    left: -50px;
    right: -50px;
    padding: 5px 7px;
    z-index: 1;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .ss-ii b:before {
        content: '';
        width: 0;
        height: 0;
        font-weight: normal;
        text-align: center;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        position: absolute;
        bottom: -5px;
        left: 45%;
    }

.ss-ii:hover b {
    bottom: 25px;
    visibility: visible;
    opacity: 1;
}
.ss-iii b {
    color: #666;
    position: absolute;
    font-family: sans-serif;
    bottom: 0;
    left: -50px;
    right: -50px;
    padding: 5px 7px;
    z-index: 111111;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .ss-iii b:before {
        content: '';
        width: 0;
        height: 0;
        font-weight: normal;
        text-align: center;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        position: absolute;
        bottom: -5px;
        left: 45%;
    }

.ss-iii:hover b {
    bottom: 25px;
    visibility: visible;
    opacity: 1;
}

.ss-registerbtn {
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    border-radius: 5px;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none !important;
    outline: none;
    box-shadow: 0 3px rgba(171, 60, 60, 0.72);
}

.ss-btn3 {
}

.ss-registerbtn:active {
    top: 6px !important;
    box-shadow: 0 0 rgba(171, 60, 60, 0.72) !important;
}

.ss-registerbtn:hover {
    box-shadow: 0 3px rgba(171, 60, 60, 0.72);
    top: 2px;
}

.ss-about-btn:active {
    top: 6px;
}

..ss-about-btn:hover {
    top: -2px;
}

.ss-socialmedia a span {
    color: #666;
    position: absolute;
    font-family: 'fsalbert_light-webfont';
    bottom: 0;
    left: -25px;
    right: -25px;
    padding: 5px 7px;
    z-index: 1;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .ss-socialmedia a span:before {
        content: '';
        width: 0;
        height: 0;
        font-weight: normal;
        text-align: center;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        position: absolute;
        bottom: -5px;
        left: 45%;
    }

.ss-socialmedia a:hover span {
    bottom: 33px;
    visibility: visible;
    opacity: 1;
}

#memberlogedin a {
    height: auto !important;
}

#memberlogedin .ss-dropdown {
    padding: 7px 5px 0 0 !important;
    float: right;
}

#memberlogedin a:first-child {
    width: 94px !important;
    float: left;
    overflow: hidden;
    color: #fff;
    line-height: 35px !important;
    text-align: center;
    ;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 7px !important;
    height: 36px !important;
}

#memberlogedin .dropdown-menu li a {
    width: 100% !important;
}

.ss-loginmember .dropdown-menu li a:hover {
    background: #af2226;
    width: 100%;
}

.ss-loginmember a img {
    vertical-align: middle;
}

.ss-readmorepink {
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none !important;
    outline: none;
    box-shadow: none;
    border-bottom: 3px solid rgba(171, 60, 60, 0.72);
}

.ss-readmorebrown {
    z-index: 1 !important;
    position: absolute;
    right: 0;
    bottom: -27px;
}

    .ss-readmorebrown a {
        text-align: center;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        outline: none !important;
        background: #404040;
        width: 76px;
        border-radius: 3px;
        padding: 2px 10px;
        right: 0;
        outline: none;
        box-shadow: none;
    }

.ss-readmorepink:active {
    top: 6px !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

.ss-readmorepink:hover {
    box-shadow: none;
    border-bottom: 3px solid rgba(171, 60, 60, 0.72);
    top: 2px;
}

.ss-btn-aboutus {
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    border-radius: 5px;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #595959;
    box-shadow: 0 3px #373C3B;
    outline: none !important;
    width: 131px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    margin-top: 7px;
    font-size: 13px;
    font-family: 'fsalbert_light-webfont' !important;
}

    .ss-btn-aboutus:active {
        top: 6px !important;
        box-shadow: 0 0px #373C3B !important;
    }

    .ss-btn-aboutus:hover {
        box-shadow: 0 3px #373C3B;
        top: 2px;
    }

.navbar-collapse {
    float: left;
    width: 82.4%;
}

a:focus, a:hover, a:active {
    outline: none !important;
}

.ss-hover2:hover {
    background: #FEE7B4;
}

.ss-hover1:hover {
    background: #FF7C80;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ss-event-ss .ss-defaultabouthd {
    font-size: 24px;
    line-height: 70px;
}

.ss-event-ss .ss-defaultabouthdtext1 {
    padding-top: 12px;
    margin-top: 0;
    color: #ff0000;
    font-family: Calibri !important;
}

.ss-event-ss {
    margin: 10px 0;
}

.ss-student-event figure figcaption {
    padding: 20px 0;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
    color: #000;
    font-weight: bold;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-size: 12px;
    border-top: 1px solid #d5d5d5;
}

.ss-student-column-right {
    height: 314px;
    box-shadow: 0 0 5px #ccc;
    border: 1px solid #d5d5d5;
}

    .ss-student-column-right h2 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: bold;
    }

    .ss-student-column-right p {
        font-size: 12px;
        color: #000;
    }

.ss-toggle {
    background: url(../img/togle.png) no-repeat;
    width: 20px;
    float: right;
    height: 20px;
    display: inline-block;
    background-size: 100% auto;
}

.ss-price-event-p p {
    font-size: 12px;
    color: #000;
}

.ss-price-event span {
    float: right;
}

.ss-student-column-right .ss-register-massi {
    max-width: 180px;
    margin: 0;
    line-height: 13px;
    padding-top: 7px;
    width: 100%;
    box-shadow: 0 3px #fdc23d !important;
    -moz-box-shadow: 0 3px #fdc23d !important;
    -webkit-box-shadow: 0 3px #fdc23d !important;
    -o-box-shadow: 0 3px #fdc23d !important;
    font-weight: bold;
    height: 40px;
    display: inline-block;
}

..ss-student-column-right .ss-register-massi:active {
    box-shadow: 0 0px #fdc23d !important;
}

.ss-student-column-right .text-right a:active:last-child {
    box-shadow: 0 0px #7dd1c0 !important;
}

.ss-student-column-right .text-right a:last-child {
    line-height: 30px;
    box-shadow: 0 3px #7dd1c0 !important;
}

.ss-padd-right img {
    width: 100%;
    height: 255px;
}

.ss-btn-event span {
    width: 100%;
    text-align: center;
    clear: both;
    display: inline-block;
}

.ss-btn-event {
    background: #fed780;
    margin: 0;
    border-bottom: 3px solid #fdc23d;
    max-width: 250px;
    height: 35px;
    cursor: pointer;
    margin: auto;
    clear: both;
    box-shadow: none;
    line-height: 11px;
    padding-top: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

    .ss-btn-event:hover {
        box-shadow: none;
        border-bottom: 3px solid #fdc23d;
    }

    .ss-btn-event:active {
        box-shadow: none;
        border-bottom: none;
    }

    .ss-btn-event span {
        font-size: 11px;
    }

.ss-book-now {
    margin: 0;
    max-width: 250px;
    height: 35px;
    margin: auto;
    clear: both;
    box-shadow: none;
    line-height: 25px;
    background: #1cbc9b;
    padding-top: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #179d80;
}

    .ss-book-now:hover {
        border-bottom: 3px solid #179d80;
        box-shadow: none;
    }

    .ss-book-now:active {
        border-bottom: none;
        box-shadow: none;
    }

.ss-event-botm {
    background: #e9e9e9;
    display: inline-block;
    width: 100%;
}

    .ss-event-botm .input-group {
        width: 100%;
    }

        .ss-event-botm .input-group input, .ss-event-botm .input-group select {
            font-size: 14px;
            color: #595959;
            width: 100%;
            height: 25px;
            padding: 0;
            padding-left: 7px;
            background-color: #F2F2F2 !important;
            border-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
            border-top-left-radius: 5px !important;
        }

}

.ss-column-event {
    display: inline-block;
    width: 100%;
}

.ss-padd-right {
    padding-right: 0;
}

.ss-padd-left {
    padding-left: 0;
}

.ss-event-botm {
    padding: 5px 0px 13px;
}

    .ss-event-botm label {
        font-size: 14px;
        margin: 0;
    }

.ss-option-ss span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

.ss-option-span p {
    font-size: 14px;
}

.ss-bg-red {
    background: #f2dcdb;
}

.ss-bg-blue {
    background: #90d5f0;
}

.ss-bg-fff {
    background: #f2f2f2;
    border: 1px solid #ccc;
}

.ss-option-span a {
    margin: 0;
}

.ss-amount-event {
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
    /* margin-top: 36%; */
    line-height: 115px;
    width: 100%;
    height: 115px;
    margin: 0;
    display: inline-block;
}

.ss-event-list h3 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin: 10px 0 5px;
}

.ss-amount-event1 {
    margin: 0;
    font-size: 13px;
    line-height: 12px;
    height: 115px;
    line-height: 115px;
    font-weight: bold !important;
}

.ss-bodr-ss {
    position: absolute;
    left: 0;
    width: 7px;
    background: url(../img/borderbtn.png) no-repeat;
    height: 100%;
    background-size: 100% 100%;
}

.ss-event-list p {
    font-size: 16px;
    color: #000;
}

.ss-event-list h3 span {
    font-weight: bold;
    font-size: 14px;
}

.ss-event-list {
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0 4px 10px #b1b1b1;
    display: inline-block;
    width: 100%;
}

.ss-column-event h1 {
    font-size: 16px;
    font-weight: bold;
}

.ss-event-pop .media {
    position: relative;
    overflow: inherit !important;
    background-size: 100% auto;
    width: 186px;
    height: 60px;
    padding: 16px 5px 5px;
    box-shadow: 0px 0px 7px #b1b1b1;
}

.ss-event-pop-female {
    background: url(../img/femaleborder.png) no-repeat #fff;
}

.ss-event-pop-male {
    background: url(../img/shadow.png) no-repeat #fff;
}

.ss-event-pop-female p {
    color: #ff7c80 !important;
}

.ss-event-pop-male p {
    color: #6f81bd !important;
}

.ss-event-pop {
    margin: 7px 0;
    display: inline-block;
    width: 100%;
}

.ss-event-pop-left {
    background: #47c6ac;
    padding-top: 12%;
    padding: 0 0 0 8px;
    min-height: 680px;
}

.ss-event-pop .media h4 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.ss-event-pop .media p {
    font-size: 12px;
    color: #ff7c80;
}

.ss-event-pop .media .media-body {
    vertical-align: bottom;
}

.ss-event-pop .sss-checkbox-sss {
    margin: 15px 0 0;
}

.ss-event-pop-left h3, .ss-event-pop-right h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.ss-event-pop-right h3 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    color: #000;
}

.ss-event-pop-left h3 a {
    float: right;
    font-size: 12px;
}

.ss-event-pop-center .input-group {
    width: 100%;
    display: inline-block;
}

    .ss-event-pop-center .input-group input, .ss-event-pop-center .input-group textarea {
        width: 100%;
        display: inline-block;
    }

    .ss-event-pop-center .input-group label {
        font-size: 12px;
    }

.icon-hover {
    position: relative;
}

.ss-icontool {
    background: url(../img/i.png) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    display: inline-block;
    background-size: 100% auto;
}

.icon-hover b {
    color: #666;
    position: absolute;
    font-family: sans-serif;
    bottom: 0;
    left: -25px;
    right: -25px;
    padding: 5px 7px;
    z-index: 9999999999999;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .icon-hover b:before {
        content: '';
        width: 0;
        height: 0;
        font-weight: normal;
        text-align: center;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        position: absolute;
        bottom: -5px;
        z-index: 1;
        left: 45%;
    }

.icon-hover:hover b {
    bottom: 22px;
    visibility: visible;
    opacity: 1;
}

.ss-event-scroll {
    height: 500px;
    width: 100%;
    overflow-x: hidden;
}

.ss-margin0 {
    margin: 0 !important;
}

.ss-event-pop-right {
    background: #d9d9d9;
    padding-top: 1%;
    height: 680px;
    overflow-x: auto;
}

.ss-event-h1 {
    border: 3px solid #d9d9d9;
    padding: 10px 0;

    z-index: 3;
    margin: auto;
    
    width: 100%;

    background: #fff;
    text-align: center;
}

.ss-event-pop-center {
    background: #fff;
    padding-top: 20px;
    height: 680px;
}

.ss-event-masi {
    width: 92%;
    left: 0;
    right: 0;
    margin: auto;
}

.ss-event-scroll::-webkit-scrollbar-track, .ss-event-pop-right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 33px;
}

.ss-event-scroll::-webkit-scrollbar, .ss-event-pop-right::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 33px;
}

.ss-event-scroll::-webkit-scrollbar-thumb, .ss-event-pop-right::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 33px;
}

.ss-calendar {
    background: url(../img/calendar-icon.png) right no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    z-index: 2;
    background-size: 100% auto;
    top: 3px;
}

.ss-event-scroll label {
    background: url(../img/vlad.png) right no-repeat;
}

.checkbox {
    background-image: none !important;
}

.ss-event-scroll input[type=checkbox] + label {
    padding-right: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 190px 0;
    margin-bottom: 50px;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

.ss-event-scroll input[type=checkbox]:checked + label {
    background-position: 190px -20px;
}

.ss-event-scroll input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    right: 0;
    padding: 0;
    border: 0;
}

.ss-paid .form-group .input-group {
    display: inline-block;
    width: 100%;
    margin: 7px 0;
}

    .ss-paid .form-group .input-group input, .ss-paid .form-group .input-group select, .ss-paid .form-group .input-group textarea {
    }

    .ss-paid .form-group .input-group input,
    .ss-paid .form-group .input-group select {
        font-size: 14px;
        color: #595959;
        width: 100%;
        height: 25px;
        padding: 0;
        font-size: 12px;
        padding-left: 7px;
        background-color: #F2F2F2 !important;
        border-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        border-top-left-radius: 5px !important;
    }

    .ss-paid .form-group .input-group label {
        margin: 0;
    }

.margintop12 {
    margin: 12px 0;
}

.marginbotm {
    margin-bottom: 0;
}

.ss-paid .close1 {
    position: absolute;
    right: 3px;
    top: 10px;
    font-weight: bold;
    z-index: 99999;
}

.tag-editor-hidden-src {
    position: absolute;
        z-index: -1;
 
}
.ss-event-posi {position:relative;}
#ss-event-masi, #ss-paid-register {
    z-index: 1200;
}

.markall-span {
    font-size: 12px !important;
    float: right !important;
    text-align: right;
    margin-top: -1px;
    margin-right: 7px;
}

.ss-checkall label {
}

.ss-checkall input[type=checkbox] + label {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    color: #4f81bd;
    text-decoration: underline;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

.ss-checkall input[type=checkbox]:checked + label {
    background-position: 0 -20px;
}

.ss-checkall input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.onclick-menu {
    position: relative;
    display: inline-block;
}

    .onclick-menu:hover .onclick-menu-content {
        display: block;
    }

.onclick-menu-content {
    position: absolute;
    z-index: 1;
    right: -10px;
    top: 8px;
    display: none;
}

.onclick-menu {
    padding: 0;
    margin: 0 0 1em 0;
    outline: 0;
}

.onclick-menu-content {
    background-color: #364656;
    width: 150px;
    margin-top: 19px;
    height: 40px;
    padding: 0;
    margin-left: 0;
}

    .onclick-menu-content:before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 10px solid #364656;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        right: 10px;
        top: -10px;
    }

    .onclick-menu-content li {
        color: #f2f5e9;
        list-style-type: none;
        white-space: nowrap;
    }

    .onclick-menu-content li {
        display: inline-block;
        margin: 0;
        height: 100%;
    }

        .onclick-menu-content li a {
            width: 50px;
            display: inline-block;
            text-align: center;
        }

            .onclick-menu-content li a i {
                color: #fff;
                line-height: 45px;
            }

        .onclick-menu-content li:first-child a {
            height: 100%;
            background-color: #606f90;
        }

        .onclick-menu-content li a {
            background-color: #af2226;
            height: 100%;
        }

        .onclick-menu-content li:last-child a {
            background-color: #c1766a;
            height: 100%;
        }

.ss-border-event {
    position: absolute;
    left: 0;
    background: #47c6ac;
    width: 19px;
    display: inline-block;
    height: 100%;
    top: 0;
}

.carousel-inner {
    margin-top: -5px;
}

#ContentPlaceHolder1_sspaidregister {
    z-index: 1200;
}

.ss-massi-dropdown {
    position: relative;
}

.masi-dropdown-ss {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #595959;
    margin: 0;
    padding: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .masi-dropdown-ss li a {
        width: 100%;
        height: 37px !important;
        text-align: center;
        padding: 0 0;
        margin: 0 !important;
        line-height: 37px;
        display: inline-block;
        color: #fff !important;
    }

        .masi-dropdown-ss li a:last-child {
            padding: 0;
        }

.ss-massi-dropdown:hover .masi-dropdown-ss {
    display: block;
}

.masi-dropdown-ss li {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 37px;
}

    .masi-dropdown-ss li a:hover {
        height: 37px !important;
        background-image: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

.ss-bg-color {
    background: #FEE7B4 !important;
    box-shadow: 0 3px #fdc23d;
    border: 1px solid #FEE7B4;
}

    .ss-bg-color:active {
        top: 6px !important;
        box-shadow: 0 0 #fdc23d !important;
    }

    .ss-bg-color:hover {
        box-shadow: 0 3px #fdc23d;
        top: 2px;
    }

.ss-bg13 a, .ss-bg12 a, .ss-bg14 a {
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: 18px;
    padding: 6px 0;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.ss-bg13, .ss-bg12, .ss-bg14 {
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.account-filter {
    padding: 0 20px;
}

.ss-event-pop .ss-event-pop-male {
    background: none !important;
    padding: 5px 5px 5px;
    background-color: #fff !important;
}

.ss-event-pop .ss-event-pop-male {
    border: 3px solid #fff;
}

    .ss-event-pop .ss-event-pop-male:hover {
        border: 3px solid #4f81bd;
        background: #00b0f0 !important;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ss-event-pop .ss-event-pop-male:hover h4 {
            color: #fff !important;
            font-weight: bold;
        }

        .ss-event-pop .ss-event-pop-male:hover p {
            color: #fff !important;
            font-weight: bold;
        }

.ss-event-pop .ss-event-pop-female {
    background: none !important;
    padding: 5px 5px 5px;
    background-color: #fff !important;
}

.ss-event-pop .ss-event-pop-female {
    border: 3px solid #fff;
}

    .ss-event-pop .ss-event-pop-female:hover {
        border: 3px solid #c0504d;
        background: #af2226 !important;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ss-event-pop .ss-event-pop-female:hover h4 {
            color: #fff !important;
            font-weight: bold;
        }

        .ss-event-pop .ss-event-pop-female:hover p {
            color: #fff !important;
            font-weight: bold;
        }

.student-column {
    position: relative;
}

.calendar {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 0;
    margin-top: -31px;
}

.student-event {
    position: absolute;
    top: 0;
    height: 44px;
    margin-top: 40px;
    width: 100%;
    background: #af2226;
    box-shadow: 0px 4px 10px #21252a;
}

.student-event1 {
    background: #1cbc9b !important;
}

.ss-student-list-col1 {
    border-bottom: 4px solid #179d80 !important;
}

.student-img {
    width: 100%;
    height:auto;

}

.student-event h1 {
    margin: 0;
    font-family: 'Cinzel-Regular';
    padding-left: 18%;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    font-weight: bold;
}

.date-year {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 0 14px;
    left: 0;
    margin: 38px auto;
}

    .date-year span:first-child {
        font-size: 22px;
        margin: 1px 0;
        float: left;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.56);
        font-weight: bold;
    }

    .date-year span {
        display: inline-block;
    }

        .date-year span:last-child {
            text-align: center;
            font-size: 13px;
            float: right;
            line-height: 15px;
        }

    .date-year p {
        display: inline-block;
        font-family: 'Cinzel-Regular';
        width: 100%;
        color: #fff;
        padding: 0 3px;
        margin: 0;
    }

.feature-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.student-p {
    font-size: 14px;
}

.ss-student-list p {
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.ss-space {
    color: #1cb2ac;
    font-weight: bold;
}

.ss-no-space {
    color: #ff0000;
    font-weight: bold;
}

.price-count {
    text-align: center;
    max-width: 250px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    float: right;
    padding: 9px 0;
}

.ss-student-list-col {
    width: 100%;
    padding: 20px 0 10px;
    border-bottom: 4px solid #af2226;
    display: inline-block;
}

.student-p p {
    width: 80%;
}

.ss-student-ss1 h1 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
}

.ss-student-ss1 p {
    font-size: 16px;
    color: #000;
}

.paging span {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 4px;
    font-weight: bold;
    margin: 0 2px;
    display: inline-block;
    font-size: 13px;
    color: #000;
}

.paging a {
    color: #000;
}

.current {
    background: #af2226;
    color: #fff !important;
    padding: 3px 4px;
}

.paging em a {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 4px;
    font-weight: bold;
    margin: 0 2px;
    display: inline-block;
    font-size: 13px;
    color: #000;
}

.paging span:first-child, .paging span:last-child {
    border: none !important;
    color: #af2226;
}

    .paging span:first-child:hover, .paging span:last-child:hover {
        background: none !important;
        color: #000;
    }

.paging span:hover {
    background: #af2226;
    color: #fff;
    padding: 3px 4px;
}

.paging {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.ss-bg-red {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 5px #ffa3a5;
    ;
}

    .ss-bg-red:hover {
        box-shadow: 0 5px #ffa3a5;
        top: 2px;
    }

    .ss-bg-red:active {
        box-shadow: 0 0 #ffa3a5;
        top: 6px;
    }

.ss-bg-fff {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 5px #bfbfbf;
}

    .ss-bg-fff:hover {
        box-shadow: 0 5px #bfbfbf;
        top: 2px;
    }

    .ss-bg-fff:active {
        box-shadow: 0 0 #bfbfbf;
        top: 6px;
    }

.ss-bg-blue {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 5px #8eb4e3;
}

    .ss-bg-blue:hover {
        box-shadow: 0 5px #8eb4e3;
        top: 2px;
    }

    .ss-bg-blue:active {
        box-shadow: 0 0 #8eb4e3;
        top: 6px;
    }

.ss-bg-blue1 {
    background: #90d5f0;
}

.ss-bg-fff1 {
    background: #f2f2f2;
}

.ss-bg-red1 {
    background: #f2dcdb;
}

.ss-bookNow {
    background: #1cbc9b;
    border-bottom: 3px solid #179d80;
    box-shadow: none;
    max-width: 213px;
    height: 36px;
}

    .ss-bookNow:hover {
        border-bottom: 3px solid #179d80;
        box-shadow: none;
    }

    .ss-bookNow:active {
        border-bottom: none;
        box-shadow: none;
    }

.menuactive > a {
    border-bottom: 3px solid #af2226;
    height: 36px;
}

.ss-register2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'fsalbert_light-webfont' !important;
}

.ss-register1 {
    font-size: 46px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: 'fsalbert_light-webfont' !important;
}

.ss-donot {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.ss-heading {
    margin: 0;
}

.ss-contactus {
    color: #000 !important;
    margin-left: 0;
    padding-top: 27px !important;
}

.ss-contact_us h1 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.contact_form .input-group {
    width: 100%;
}

.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea, .contact_form select {
    border: 1px solid #d9d9d9;
    background: #f2f2f2;
}

.contact_form input[type="submit"] {
    margin: 0;
}

.contact_form label {
    font-size: 16px;
    font-weight: normal;
}

.contact_form p {
    font-size: 16px;
    font-weight: normal;
}

.contact_form h3 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.ss-became_massi p {
    font-size: 18px;
    margin-top: 20px;
}

.ss-masiapp_h1 {
    background: #ccc;
    padding: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.ss-input_field {
    width: 100%;
    display: inline-block;
}

    .ss-input_field textarea, .ss-input_field input {
        background: #f5f5f5;
        border: 1px solid #e2e2e2;
        resize: none;
        width: 100%;
        text-align: left;
    }

.ss-masi-submit-butn {
    margin: 50px 0;
}

.ss-step-2 {
    margin-left: -30px !important;
    margin-top: -102px !important;
    letter-spacing: 2px;
}

.ss-step-3 {
    margin-left: -32px !important;
    margin-top: -48px !important;
    letter-spacing: 2px;
}

.ss-step-4 {
    margin-left: -30px !important;
    margin-top: -44px !important;
    letter-spacing: 2px;
}

.ss-step-5 {
    margin-left: -22px !important;
    margin-top: -44px !important;
    letter-spacing: 2px;
}

.ss-inshallah {
    margin-left: 35px !important;
    margin-top: 98px !important;
    color: #000 !important;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 20px !important;
}

.ss-optional {
    margin-left: -30px !important;
    margin-top: -4px !important;
    letter-spacing: 2px;
}

.ss-begin {
    margin-left: -36px !important;
    margin-top: -26px !important;
    color: #000 !important;
    letter-spacing: 2px;
}

.ss-diagram span {
    -webkit-transform: rotate(-90deg);
    margin: 0;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    font-weight: 700;
    position: absolute;
    margin-left: -30px;
    font-size: 20px;
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicIm;
}

#msgtxt1 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#passstrength {
    bottom: -14px;
    right: 0;
}

.ss-information-answers-verify {
    text-align: center;
}

.ss-massi-form p {
    position: absolute;
    bottom: -30px;
    right: 0;
    font-size: 14px;
}

.ss-mess {
    padding-left: 5px !important;
}

.masiapp-btn {
    background: #4f81bd;
    box-shadow: 0 3px #1f497d;
}

    .masiapp-btn:hover {
        box-shadow: 0 3px #1f497d;
        top: 2px;
    }

d .masiapp-btn:active {
    box-shadow: 0 0px #1f497d !important;
    top: 6px;
}

.carouseladsa .carousel-caption {
    text-shadow: none;
    font-size: 22px;
    width: 65%;
    text-align: center;
    max-height: auto;
    min-height: auto;
    left: 0 !important;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
    bottom: 149px;
    padding: 7px;
    font-weight: bold;
}

    .carouseladsa .carousel-caption p {
        word-spacing: 1px;
        font-family: Calibri;
        margin: 0;
        line-height: 24px;
        letter-spacing: 1px;
        font-weight: bolder;
        text-align: left;
        padding-left: 10px;
        word-break: break-word;
    }

.carousel-caption6 p, .carousel-caption5 p {
    padding: 0 !important;
}

.ss-error-mess p {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    width: 100%;
    text-align: center;
    color: #a94442;
}

.carousel-caption6 {
    font-size: 22px !important;
    max-height: auto !important;
    top: 118px !important;
    width: 29% !important;
    text-align: left !important;
    padding: 7px 4px 7px 18px !important;
    bottom: auto !important;
}

.carousel-caption5 {
    font-size: 22px !important;
    max-height: auto !important;
    bottom: 40px !important;
    width: 25% !important;
    text-align: left !important;
    padding: 7px 16px !important;
}

.carousel-caption4 {
    font-size: 22px !important;
    padding: 10px 10px !important;
}

.carouseladsa .carousel-caption.carousel-caption8 {
   right: 0 !important;
    left: auto !important;
    padding: 10px;
    bottom: 40px;
    font-size: 22px;
}

.coming-sson {
    color: #000;
    text-decoration: underline;
}

#scroll-to-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    opacity: .7;
    z-index: 99999;
    padding: 15px;
    border-radius: 5px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #666 0, #333 100%);
    background-image: -o-linear-gradient(top, #666 0, #333 100%);
    background-image: linear-gradient(to bottom, #666 0, #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

    #scroll-to-top:hover {
        opacity: 1;
    }

    #scroll-to-top span.small-hex-btn {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 17px solid #FFF;
        display: block;
    }

    #scroll-to-top span:hover {
        -webkit-animation-name: wobble;
        animation-name: wobble;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    #scroll-to-top span:after {
        content: '�';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    #scroll-to-top span:after {
        opacity: 1;
        right: 0;
    }

    #scroll-to-top span:after {
        content: '�';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

.highlighter {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    z-index: 900;
    display: none;
}

@media (min-width:1000px) {
    .sidebar_phone, .sidebar_livechat, .sidebar_form {
        position: fixed;
        right: 0;
        z-index: 1000;
    }

        .sidebar_form .form h4 {
            font-size: 24px;
        }

    .sidebarPckg, .sidebarprce {
        position: fixed;
        left: 0;
        z-index: 1000;
        background: #48B9C4;
        color: #FFF;
        padding: 10px 20px;
        font-weight: bold;
        font-size: 22px;
    }

        .sidebarPckg:hover, .sidebarprce:hover, .sidebarPckg:focus, .sidebarprce:focus, .sidebarPckg:visited, .sidebarprce:visited {
            color: #FFF;
            text-decoration: none;
        }

    .sidebarPckg {
        top: 250px;
        -moz-transform: scale(1) rotate(-90deg) translateX(-100px) translateY(-70px);
        -webkit-transform: scale(1) rotate(-90deg) translateX(-100px) translateY(-70px);
        -o-transform: scale(1) rotate(-90deg) translateX(-100px) translateY(-70px);
        -ms-transform: scale(1) rotate(-90deg) translateX(-100px) translateY(-70px);
        transform: scale(1) rotate(-90deg) translateX(0px) translateY(-70px);
    }

    .sidebarprce {
        top: 430px;
        -moz-transform: scale(1) rotate(-90deg) translateX(0px) translateY(-35px);
        -webkit-transform: scale(1) rotate(-90deg) translateX(0px) translateY(-35px);
        -o-transform: scale(1) rotate(-90deg) translateX(0px) translateY(-35px);
        -ms-transform: scale(1) rotate(-90deg) translateX(0px) translateY(-35px);
        transform: scale(1) rotate(-90deg) translateX(0px) translateY(-35px);
    }

    .sidebar_phone {
        top: 210px;
        margin-right: -185px;
    }

    .sidebar_livechat {
        top: 149px;
        margin-right: -185px;
    }

    .sidebar_form {
        top: 270px; /*cursor:pointer;*/
    }

    .sidebar a {
        font-size: 18px;
        padding: 0px;
        color: #fff;
        float: left;
        font-weight: 700;
        width: 235px;
        background: #232323;
        text-decoration: none;
    }

    .spr {
        background: url(../img/sprites-sidebar.png) no-repeat;
        float: left;
        margin-right: -8px;
        margin-top: 97px;
        cursor: pointer;
        left: -153px;
        position: absolute;
        z-index: -1;
    }

    .sidebar .top_text {
        font-size: 14px;
        padding: 6px 0 0 0;
        margin: 0px;
        line-height: 19px;
        background: #232323;
        display: inline-block;
        color: #FFF;
        width: 175px;
        float: left;
    }

    .sidebar_phone .call_spr {
        width: 50px;
        height: 50px;
        background-position: left top;
    }

    .sidebar_livechat .chat_spr {
        width: 50px;
        height: 50px;
        background-position: left -64px;
    }

    .sidebar_form {
        margin-right: -508px;
        display: block;
    }

        .sidebar_form .spr_form {
            width: 163px;
            height: 111px;
            background-position: left bottom;
            background-size: 100% auto;
        }

        .sidebar_form .form {
            float: left;
            height: 280px;
            width: 500px;
            padding: 10px 0;
        }

            .sidebar_form .form h4, .sidebar_form .form h5 {
                color: #FFF;
                margin: 0;
                text-transform: uppercase;
                text-align: center;
            }

    .chatContainer {
        background-color: #FFF;
    }

    .chatContainer {
        display: none !important;
    }
}

#memberlogedin:hover .dropdown-menu {
    display: block;
}

.ss_btn a {
    background: none;
    text-decoration: underline;
    color: #337ab7;
}

.ss-marginLeft {
    margin: 0;
}

    .ss-marginLeft li {
        text-align-last: left;
        position: relative;
        list-style: none;
    }

        .ss-marginLeft li:before {
            content: '';
            list-style-image: url(../img/ss-dash.jpg);
            position: absolute;
            width: 2px;
            left: -6px;
            top: -5px;
            height: 2px;
            display: inherit;
        }

.payment-icons {
    margin-top: -55px;
    margin-left: 0;
    display: block;
    margin-bottom: 20px;
}

.ss-transp {
    background-color: rgba(0, 0, 0, 0.5);
}

.payment-icons a {
    background: url(../img/payment-icons.png) no-repeat center;
}

a.ss-visa {
    background-position: 0 -103px;
    width: 55px;
    height: 35px;
    display: inline-block;
    background-size: 53px 410px;
    border-radius: 3px;
}

a.ss-visaelectron {
    background-position: 0 -150px;
    width: 55px;
    height: 35px;
    display: inline-block;
    background-size: 53px 410px;
    border-radius: 3px;
}

a.ss-mastercard {
    background-position: 0 -197px;
    width: 55px;
    height: 35px;
    display: inline-block;
    background-size: 53px 410px;
    border-radius: 3px;
}

a.ss-mestro {
    background-position: 0px -243px;
    width: 55px;
    height: 35px;
    display: inline-block;
    background-size: 55px 409px;
    border-radius: 5px;
}

a.ss-discover {
    background-position: 0px -290px;
    width: 55px;
    height: 34px;
    display: inline-block;
    background-size: 55px 408px;
    border-radius: 6px;
}

a.ss-versign {
    background-position: 2px -328px;
    width: 55px;
    height: 35px;
    display: inline-block;
    background-size: 53px 410px;
    border-radius: 11px;
}

a.ss-paypal {
    background-position: 2px -357px;
    width: 55px;
    height: 44px;
    display: inline-block;
    background-size: 50px 402px;
    border-radius: 3px;
}

.ss-selectActive {
    display: block;
}

.ss-whysstext {
    display: none;
}

.cicle_img1 {
    display: block;
}

#tab_abc {
    border: none;
    background: none;
    color: none;
    padding-bottom: 30px;
}

.ch-grid li:hover {
    background: none;
}

.ss-whysstext {
    background: none !important;
    border: none !important;
    color: #333 !important;
}

.ss-step-01 h1, .ss-step-02 h1, .ss-step-03 h1, .ss-step-04 h1, .ss-step-05 h1 {
    font-size: 18px;
    font-weight: bolder;
}

.ss-step-01 p, .ss-step-02 p, .ss-step-03 p, .ss-step-04 p, .ss-step-05 p {
    font-size: 16px;
}

.ss-step-01 h1 {
    color: #e6953f;
    margin: 23px 0;
    margin-bottom: 3px;
}

.ss-step-02 h1 {
    color: #4dcfc4;
    margin-bottom: 3px;
}

.ss-step-03 h1 {
    color: #d63655;
    margin-bottom: 3px;
    margin-top: 0;
}

.ss-step-04 h1 {
    color: #177497;
    margin: 12px 0 3px;
}

.ss-step-05 h1 {
    color: #e64e3a;
    margin-bottom: 3px;
}

.ss-step-01 {
    padding-top: 11px;
}

.ss-step-02 {
    padding-top: 5px;
}

.ss-step-03 {
    padding-top: 18px;
}

.ss-step-04 {
    padding-top: 18px;
}

.ss-steps1 .ss-step-05 {
    margin-top: 38px !important;
}

.ss-step-05 {
    margin-top: 16px;
}

.ss-step-img-01, .ss-step-img-02, .ss-step-img-03, .ss-step-img-04, .ss-step-img-05 {
    position: absolute;
}

.ss-step-img-01 {
    top: 21px;
    z-index: 2;
}

.ss-step-img-02 {
    top: 0;
    z-index: 1;
}

.ss-step-img-03 {
    top: -5px;
}

.ss-step-img-04 {
    top: 5px;
}

.ss-step-img-05 {
    top: 16px;
}

.ss-steps {
    display: inline-block;
    width: 100%;
    position: relative;
}

.ss-laptop-ss {
    position: absolute;
    bottom: -5px;
    right: 0;
    z-index: -1;
}

.requiemnt-masi {
    margin: 0 0 0 16px;
    font-size: 16px;
}

.colr_b {
    color: #000 !important;
}

.ss-keypointhd {
    font-size: 24px !important;
}

.font_24 {
    font-size: 24px !important;
}

.ss-steps1 .ss-step-img-01 {
    top: 21px;
}

.ss-steps1 .ss-step-img-05 {
    top: 19px;
}

.ss-steps1 .ss-step-05 h1 {
    margin-top: 0;
}

.ss-note {
    color: #d63655;
    font-weight: bold;
}

.wow:first-child {
    visibility: hidden;
}

.tooltip-item {
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.tag_masi {
    position: absolute;
    right: 12px;
    top: 50px;
}

.ss-steptext span {
    position: absolute;
    left: -13px;
    right: 0;
    text-align: center;
    font-weight: bold;
    margin: auto;
    color: #fff;
    font-size: 20px;
    line-height: 63px;
}

.ss-experience-ss, .ss-personal-detail {
    width: 100%;
    display: inline-block;
}

.payment2 {
    position: relative;
    border-top: 3px solid #af2226;
}

    .payment2:before, .payment2:after {
        content: "";
        position: absolute;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#af2226), to(transparent));
        background-image: -webkit-linear-gradient(#af2226, transparent);
        background-image: -moz-linear-gradient(#af2226, transparent);
        background-image: -o-linear-gradient(#af2226, transparent);
        background-image: linear-gradient(#af2226, transparent);
        top: 0;
        bottom: 0;
        width: 3px;
    }

    .payment2:before {
        left: 0;
    }

    .payment2:after {
        right: 0;
    }

    .payment1 .ss-register-massi, .payment2 .ss-register-massi, .payment3 .ss-register-massi {
        color: #000;
        font-weight: bold;
        font-size: 16px;
    }

    .payment1 .ss-register-massi, .payment2 .ss-register-massi, .payment3 .ss-register-massi {
        margin-top: 10px;
        height: 0;
        line-height: 0;
        padding: 17px 0;
    }

.payment1, .payment2, .payment3 {
    -webkit-transition: all ease-in-out 0.5s;
    position: relative;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    box-shadow: 0 0 10px #d5d5d5;
    -webkit-box-shadow: 0 0 10px #d5d5d5;
    -moz-box-shadow: 0 0 10px #d5d5d5;
    -o-box-shadow: 0 0 10px #d5d5d5;
    -ms-box-shadow: 0 0 10px #d5d5d5;
    padding: 5px 10px 10%;
    display: inline-block;
    width: 100%;
}

    .payment1:hover, .payment3:hover, .payment2:hover {
        -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
        cursor: pointer;
        padding: 10px 10px 19px;
        position: relative;
    }

        .payment3:hover h1, .payment1:hover h1 {
            padding: 3px 0;
            webkit-transition: all ease-in-out 0.5s;
            -moz-transition: all ease-in-out 0.5s;
            -o-transition: all ease-in-out 0.5s;
            transition: all ease-in-out 0.5s;
        }

.payment2img {
    background: url(../img/paymentbox.png) top no-repeat;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    width: 49px;
    height: 50px;
    left: 0;
    background-size: 100% auto;
}

.ss-subscription p b {
    font-size: 20px;
}

.ss-subscription p {
    font-size: 16px;
    text-align: left;
}

.ss-permonth {
    margin: 10px 0;
    font-weight: bolder;
    font-size: 12px;
}

.payment1 h1, .payment2 h1, .payment3 h1 {
    font-size: 20px;
    margin: 10px 0 15px;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

.payment1 h3, .payment2 h3, .payment3 h3 {
    font-size: 36px;
    color: #000;
    margin: 10px 0 0;
    position: relative;
}

.payment1 h1 {
    color: #92d050;
   font-weight:bold;
   font-size:24px;
}

.payment2 h1 {
    color: #af2226;
}

.payment3 h1 {
    color: #4f81bd;
}

.ss-payment-ss {
    height: 806px;
}

.priceonwesbite .ss-offer {
    background: url(../img/50offbanner.png) no-repeat;
    /* border: 3px solid #af2226; */
    height: 117px;
    width: 963px;
    background-size: 100% 100%;
    font-size: 48pt;
    text-align: center;
    padding-top: 0px;
    top: 220px;
    color: #fff;
    position: absolute;
    left: -36px;
    z-index: 99;
    font-family: Cinzel;
}

.ss-student-offer {
    background: #f2f2f2 !important;
}

    .ss-student-offer h3 {
        font-size: 22px;
        text-align: center;
        font-weight: bold;
    }

    .ss-student-offer p {
        font-size: 13px !important;
    }

.month12 {
    font-size: 13px;
}

.priceonwesbite .ss-payment-ss {
    height: 530px;
}

.ss-payment-ss h2, .ss-payment-ss p {
    font-size: 20px;
    color: #000;
    margin: 5px 0 10px;
    font-weight: bold;
}

.payment1 hr {
    background: #92d050;
    border: 1px solid #92d050;
    margin: 5px 0;
    width: 100%;
    display: inline-block;
}

.payment2 hr {
    background: #af2226;
    border: 1px solid #af2226;
    margin: 5px 0;
    width: 100%;
    display: inline-block;
}

.payment3 hr {
    background: #4f81bd;
    border: 1px solid #4f81bd;
    margin: 5px 0;
    width: 100%;
    display: inline-block;
}

    .payment3 hr:first-child {
        border: 2px solid #4f81bd;
    }

.ss-payment-ss .month12 p {
    font-size: 23px;
    color: #af2226;
    margin: 5px 0;
    font-weight: bold;
}

.ss-payment-ss .month12 h2 {
    font-size: 36px;
    color: #af2226;
    margin: 20% 0 0;
    font-weight: bold;
}

.ss-offer {
    background: url(../img/50offbanner.png) no-repeat;
    height: 117px;
    line-height: 100px;
    width: 1262px;
    background-size: 100% 100%;
    font-size: 37pt;
    text-align: center;
    padding-top: 0px;
    top: 220px;
    color: #fff;
    position: absolute;
    left: -53px;
    z-index: 99;
    font-family: Cinzel;
}

.ss-offer1 {
    height: 120px;
    display: inline-block;
    width: 100%;
    float: left;
}

.ss-stepmasi {
    margin-top: 10px;
}

.payment1 .ss-register-massi, .payment2 .ss-register-massi, .payment3 .ss-register-massi {
    margin: 10px auto 0;
    height: 0;
    line-height: 0;
    padding: 0;
    border: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    height: 38px;
    cursor: pointer;
    display: block;
    line-height: 36px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fed780;
    color: #ca2236;
    border-bottom: 3px solid #fdc23d;
    outline: none;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

    .payment1 .ss-register-massi:hover, .payment2 .ss-register-massi:hover, .payment3 .ss-register-massi:hover {
        border-bottom: 3px solid #fdc23d;
        top: 2px;
    }

    .payment1 .ss-register-massi:active, .payment2 .ss-register-massi:active, .payment3 .ss-register-massi:active {
        border-bottom: none;
        top: 6px;
    }

.ss-masi-submit-butn1 {
    max-width: 200px;
    width: 100%;
    background-color: #1cbc9b;
    box-shadow: 0 3px #169177;
    height: 38px;
    line-height: 38px;
}

    .ss-masi-submit-butn1:hover {
        box-shadow: 0 3px #169177;
    }

    .ss-masi-submit-butn1:active {
        box-shadow: none;
    }

.col-29 {
    margin-left: -29px;
}

.ss-flag {
    width: 20px;
    height: 20px;
    top: -7px;
    right: -20px;
    position: absolute;
}

.popupMsg12 {
    position: fixed;
    z-index: 6001;
    top: 0px;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    display: none;
    text-align: center;
    line-height: 3;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-box-shadow: 0 0 5px black;
    -moz-transform: translateY(-50px);
    -moz-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -o-box-shadow: 0 0 5px black;
    -o-transform: translateY(-50px);
    -o-animation: slideDown 2.5s 1.0s 1 ease forwards;
}

.popupMsg11 {
    position: fixed;
    z-index: 6001;
    top: 0px;
    left: 0;
    right: 0;
    background: #af2226;
    opacity: 0.8;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    display: none;
    text-align: center;
    line-height: 3;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-box-shadow: 0 0 5px black;
    -moz-transform: translateY(-50px);
    -moz-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -o-box-shadow: 0 0 5px black;
    -o-transform: translateY(-50px);
    -o-animation: slideDown 2.5s 1.0s 1 ease forwards;
}

@-webkit-keyframes slideDown {
    0%, 100% {
        -webkit-transform: translateY(-50px);
    }

    10%, 90% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes slideDown {
    0%, 100% {
        -moz-transform: translateY(-50px);
    }

    10%, 90% {
        -moz-transform: translateY(0px);
    }
}

@-o-keyframes slideDown {
    0%, 100% {
        -o-transform: translateY(-50px);
    }

    10%, 90% {
        -o-transform: translateY(0px);
    }
}

#tablePaging .page-range {
    padding: 7px 12px !important;
}

.ss-whysstext a {
    color: #333 !important;
}

.ss-whysstext a {
    cursor: text;
}

#popup1 .sss-checkbox-sss {
    text-align: left;
    margin-top: 0px;
    text-align: center;
}

.ss-massi-form .sss-checkbox-sss, #popup1 .sss-checkbox-sss {
    font-size: 13px !important;
    font-family: calibri;
}

.ss-footercopyright a {
    color: #fff;
    text-decoration: underline;
}

#Contactlnk .masi-dropdown-ss {
    width: 139px;
    left: 0;
    right: 0;
    margin: auto;
}

.ss-Help-Answere {
    padding: 10px 10px;
    overflow: auto;
}

    .ss-Help-Question::-webkit-scrollbar-track, .ss-Help-Answere::-webkit-scrollbar-track, .ss-Help-Category-Box::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 33px;
    }

    .ss-Help-Question::-webkit-scrollbar, .ss-Help-Answere::-webkit-scrollbar, .ss-Help-Category-Box::-webkit-scrollbar {
        width: 5px;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 33px;
    }

    .ss-Help-Question::-webkit-scrollbar-thumb, .ss-Help-Answere::-webkit-scrollbar-thumb, .ss-Help-Category-Box::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .4);
        border-radius: 33px;
    }

.ss-Help-Question li p {
    margin: 0;
    padding: 0;
    display: inline;
}

.ss-Help-Question li {
    color: #337ab7;
    font-size: 12px;
    margin: 10px 0;
}

.icon-hover.whatIsThis b {
    left: -80px;
    right: auto;
}

.ss-input_field .form-control-static {
    border: 1px solid #ccc;
    color: #555;
    padding: 6px 12px;
}

.ss-points.requiemnt-masi {
    margin: 0;
    padding: 0 20px;
}
/*payment*/
.paymentspecial .ss-permonth {
    font-size: 13px;
    font-weight: normal;
}

.paymentspecial {
    background: #ffc000;
    padding: 18px 10px 10% !important;
}

.payment-step i {
    padding-right: 10px;
}

.specialdiscounttable tr:first-child {
    background-color: #fdc23d;
    font-size: 16px;
    border-color: #eee !important;
}

.specialdiscounttable tr th {
    font-weight: normal;
    border-color: #eee !important;
    padding: 10px !important;
}

.specialdiscounttable tr {
    font-size: 16px;
    border-color: #eee !important;
}

    .specialdiscounttable tr td {
        border-color: #eee !important;
        padding: 10px !important;
    }

.ss-current-promotion {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
    color: #000;
}

.payment-right {
    background: #f2f2f2;
    box-shadow: 0 0 10px #d5d5d5;
    padding: 5px 10px 10px;
    border-radius: 5px;
}

.payment-step i {
    padding-right: 10px;
}

.payment-step p {
    margin: 5px 0;
    font-size: 16px;
}

.payment-right p:first-child {
    margin-top: 0;
}

.payment-right p:last-child {
    margin-bottom: 0;
}

.carouseladsa .left, .carouseladsa .right {
    opacity: 0;
}

    .carouseladsa .left:hover, .carouseladsa .right:hover {
        opacity: 0.7;
    }
/*new events page*/
.student-event.student-event-new {
    height: auto;
    padding: 10px 0;
}

    .student-event.student-event-new h1 {
        padding-left: 10px;
        line-height: 2px;
        display: inline-block;
    }

.ss-event-booking a {
    margin: 0;
    width: 100%;
    max-width: 180px;
    /* padding: 10px 0; */
    height: 40px;
}

.ss-event-booking {
    margin: 15px 0;
}

.ss-details:first-child {
    margin: 0;
}

.ss-details h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.ss-details p {
    font-size: 16px;
    margin: 0;
}

.student-event.student-event-new .ss-event-date {
    font-weight: normal !important;
    font-size: 16px !important;
    font-family: fsalbert_light-webfont;
}

.ss-detail-ss {
    background: #eee;
    padding: 10px;
    height: auto;
    position: relative;
}

.ss-toggle-ss {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.ss-details {
       margin: 6px 0 15px;
}

.ss-event-details {
    font-size: 16px;
}

    .ss-student-detail h1, .ss-event-details h1 {
        font-size: 25px;
        color: #000;
        font-weight: bold;
        ss-student-detail;
    }

.ss-student-detail h2 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.ss-student-detail p, .ss-event-details p {
    font-size: 16px;
}

.ss-location h1 {
    font-size: 25px;
    color: #000;
    font-weight: bold;
}

.ss-location p {
    font-size: 16px;
}

.ss-location {
    text-align: center;
}

.ss-event-details ol, .ss-event-details ul {
    margin: 0;
    padding: 0 18px;
}

.ss-event-details p a {
    text-decoration: underline;
    color: #000;
}

.ss-event-details ol li span {
    color: #000;
    font-weight: bold;
}

.ss-event-details {
    list-style-type: none;
}

    .ss-event-details ol li {
        counter-increment: count-me;
        list-style: none;
    }

        .ss-event-details ol li::before {
            content: counter(count-me) ". ";
            display: block;
            position: relative;
            max-width: 0px;
            max-height: 0px;
            left: -1.3em;
            top: .05em;
            color: #000;
            font-weight: bold;
        }

.ss-event-policy {
    outline: none;
    background: #eee;
    padding: 10px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    border: 1px solid #7dd1c0;
    font-size: 20px !important;
}

    .ss-event-policy i {
        line-height: 8px;
    }
/*new event page*/
.ss-student-ss {
    box-shadow: 0px 0px 5px 1px #ccc;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

    .ss-student-ss figure {
        box-shadow: 1px 0 5px 1px #ccc;
    }

        .ss-student-ss figure figcaption {
            padding: 15px;
            font-size: 14px;
            margin-top: 3px;
            box-shadow: 0px 0px 5px 1px #ccc;
        }

    .ss-student-ss .ss-event-bg {
        padding: 10px 0 0 10px;
        margin: 5px 5px;
        display: inline-block;
        width: 100%;
    }

        .ss-student-ss .ss-event-bg h1, .ss-student-ss .ss-event-bg p {
            font-size: 22px;
            margin: 0;
        }

.ss-event-bg span img {
    margin: 15px 0;
}

.ss-student-ss2 .ss-event-bg h1, .ss-student-ss2 .ss-event-bg p {
    color: #fff;
}

.ss-student-ss2 .ss-event-bg {
    background: #af2226;
    padding: 10px 10px;
    margin: 5px 10px;
    display: inline-block;
    width: 98%;
}

.ss-student-butn a {
    margin: 30px 5px;
    display: inline-block;
    padding: 0;
    line-height: 35px;
    height: 35px;
}

.ss-student-butn p {
    margin: 0;
}

.ss-student-butn .ss-btn-event {
    height: 39px;
    line-height: 39px;
}

.ss-event-booking a {
    padding: 8px 0;
}

.ss-event-booking .ss-btn-event span {
    line-height: 0 !important;
}

.ss-events-img1 {
    height: 240px;
}
.ss-events-img1 img {height:100%;}
.ss-student-detail {font-size:16px;}

.bg-video {position:relative;}
.bg-video iframe {width:100% !important;height:100% !important;position:inherit !important;}
.ss-student-butn1 a {width:100%;max-width:100%;}
.ss-eventfull {color:#af2226;}
 #Becomeamemberorsignup .ss-registerbtn {margin-bottom:10px;}
.ss-registration-fees h1 {font-size: 18px;
    font-weight: bold;}
.ss-registration-fees ul {    margin: 0;
    /* padding: 0; */
    padding: 0 0 0 15px;}
/*member subcribe*/
.massi-subcribe, .ss-totalamount {
    display: inline-block;
    width: 100%;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
    padding: 5px 10px;
}

    .massi-subcribe h1 {
        color: #000;
        font-size: 14px;
        margin: 5px 0;
        font-weight: bold;
    }

    .massi-subcribe p {
        color: #000;
        font-size: 14px;
        margin: 5px 0;
    }
.ss-input_butn {
    border-radius: 3px !important;
    border: 1px solid #7f7f7f;
    height: 36px;
    box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    -moz-box-shadow: 0 0 2px #ccc;
    -o-box-shadow: 0 0 2px #ccc;
}
.ss-member-subcribe .input-group {
    width: 100%;
}

.ss-input_butn input {
    width: 85% !important;
    border: none;
    display: inline-block;
    box-shadow: none !important;
}

    .ss-input_butn input:focus {
        box-shadow: none !important;
    }

.ss-cross {
    width: 15%;
    background: url(../img/cross.png) center no-repeat;
    background-size: 50% auto;
    border-left: 1px solid #7f7f7f;
    height: 35px;
    display: inline-block;
}

.ss-tick {
    width: 15%;
    background: url(../img/i-tick.png) center no-repeat;
    background-size: 50% auto;
    border-left: 1px solid #7f7f7f;
    height: 35px;
    display: inline-block;
}

.ss-totalamount p {
    /* font-weight: bold; */
    font-size: 14px;
    color: #948888;
    margin-top: 8px;
}
.ss-totalamount p span {text-align:right;}
.ss-total {
    font-weight: bold;
    color: #000 !important;
    font-size: 17px !important;
    margin: 0;
}

.ss-member-subcribe label, .ss-cart-center label {
    font-size: 14px;
    color: #000;
}
.ss-member-subcribe {margin-bottom:0;}
.sstermcondition {margin: 0 0 0 32px !important;}
.ss-confirmationbtn {    max-width: 200px;
    width: 200px;
    margin: 20px 0;    background: #fed780;
    box-shadow: 0 3px #fdc23d;}
.ss-confirmationbtn1 {      max-width: 100px;
    width: 200px;
    margin: 0;
    font-size: 15px;
    background: #fed780;
    box-shadow: 0 3px #fdc23d;}
.ss-confirmationbtn:hover,.ss-confirmationbtn1:hover {    box-shadow: 0 3px #fdc23d;}
.ss-promotion-ss {    font-size: 18px;
    font-weight: bold;
    vertical-align: inherit;
    line-height: 38px;
    margin: 0;}
.payment-right.payment-right-new {background:none;box-shadow:none;}
.ss-payment-ss.ss-payment-new {height:440px;}
.ss-payment-ss.ss-payment-new p {margin: 11px 0 10px;}
.ss-input_field1 .textbox-addon-right {display:none;}
.ss-input_field1 .textbox .textbox-text {width:100% !important;}
 .masipop1 {    position: fixed;
    width: 100%;
    height: 100%; top:0;}
 .ss-payment-new .payment2 h1 {font-size: 24px;
    font-weight: bold;}
 .ss-displaynone {display:none;}
 .ss-promotion-code {    height: 311px;
    padding-top: 150px;}
 .ss-hr11 {    border: 2px solid #92d050 !important;    margin: 15px 0 0 !important;}
   .ss-hr {    border: 2px solid #af2226 !important;    margin: 15px 0 0 !important;}
      .ss-hr1 {margin-top:30px !important;}
      .ss-payment-new h3 {    margin-top: 3px;
    font-weight: bold;

    font-size: 40px;}
    .ss-payment-new .ss-flag {width: 25px;
    height: 24px;
    top: 0;
    right: 0;
    position: absolute;}
    #ContentPlaceHolder1_confimg {width:271px;}
    .ss-select-plan1 {margin-top:10px;}


    .ss-masi-application {color:#fff;    font-size: 18px;font-weight:normal;}
  .ss-masi-application .right-arrow-info  {    background: url(../img/right-arrow-info.png) right no-repeat;
    width: 16px;
    height: 18px;
    display: inline-block;
    /* vertical-align: text-bottom; */
    margin: 9px 10px 0 0;
    background-size: 79% auto;
    float: right;}