﻿/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    /*margin: 0;
	padding: 0;
	border: 0;*/
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1px;
    color: rgb(77,77,77);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1px;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/** {
     padding:0; margin:0; border:0; line-height: 1px; color:rgb(77,77,77); transition:all 1s ease-out;
        }*/

div[class*="slide"], p[class*="slide"], span[class*="slide"], div[class*="Slide"], p[class*="Slide"], span[class*="Slide"] {
    transition: none !important;
}

html {
    height: 100%;
}



a {
    line-height: normal;
}

body {
    font-size: 12px;
    height: 100%;
    color: #4d4d4d;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 100;
    font-style: normal;
    background-color: rgba(251, 249, 249, 1);
    padding-left: 0;
    padding-right: 0;
}

div {
    width: auto;
    height: auto;
     /*overflow: hidden;
   overflow:auto;*/
}

p {
    font-size: 12px;
    line-height: normal;
    color: rgb(77,77,77);
}

span {
    display: block;
    line-height: normal;
}

form {
    display: block;
    height: auto;
    width: auto;
    overflow: hidden;
}

input, input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
}

    input[type="checkbox"], input[type="radio"] {
        border: #a2a2a2 solid 1px;
        margin: 3px 3px 3px 4px;
        border-radius: 0;
    }

        input[type="checkbox"]:checked, input[type="radio"]:checked {
            border: #a2a2a2 solid 1px !important;
            background-color: #a2a2a2 !important;
            /*background: url('/Images/px10x10.jpg') no-repeat center center;*/
        }

    input:focus{
        outline: none;
    }


#chckList input[type="checkbox"]:checked, #chckList input[type="radio"]:checked {
    border: #a2a2a2 solid 1px !important;
    border-radius: 5px;
    background: url(/Images/tickmark.png) no-repeat center center;
}

form textarea {
    resize: none;
}

/*#close{
            position: fixed;
            top: -1000px;
            right: 10px;
            line-height: normal;
            /*font-size: 50px;
            z-index: 1000000;
        }*/

/*#close img{
            width: 25px;
            height: 25px;
        }*/

#ok {
    margin: 20px auto;
    display: block;
    width: 70px;
}

.trans {
    transition: all 1s ease-out;
}

.transQ {
    transition: all .5s ease-out;
}

.nB, .nBlck {
    display: inline-block !important;
}

.tableCell {
    display: table-cell !important;
}

.tableRow {
    display: table-row !important;
}

.table {
    display: table !important;
    width: 100%;
}

.tableCell.vCenter {
    vertical-align: middle;
}

.tableCell.vBottom {
    vertical-align: bottom;
}

.col2 {
    float: left;
    width: 48%;
    height: auto;
    overflow: auto;
}

.serif {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
}

.light {
    font-weight: 100;
}

.pt18 {
    font-size: 18px;
    line-height: normal;
}

.span30 {
    width: 30%;
}

.span40 {
    width: 40%;
}

.h3Title {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
}

.bold {
    font-weight: 700 !important;
}

.fadingRule {
    height: 1px;
    width: 90%;
    overflow: auto;
    margin: 0 auto;
    background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
}

.fadingRuleVertical {
    width: 1px;
    height: 90%;
    min-height: 100px;
    float: left;
    overflow: auto;
    margin: 2% auto 0 auto;
    background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
    background-image: radial-gradient(50% 50%, ellipse closest-side, #000000, #fbf9f9);
}

.horizontalRule {
    width: 100%;
    height: 1px;
}

.verticalRule {
    height: 100%;
    width: 1px;
    overflow: auto;
}

.purpleTxt, .purple {
    color: #702a70;
}

.gold {
    color: #FDB834;
}

.purpleTxt.hover:hover, purple.hover:hover {
    color: #f26631 !important;
}

.orangeTxt, .orange {
    color: #f26631;
}

.purpleTxt.crx {
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0;
}

.orangeTxt.crx {
    display: inline;
    text-transform: uppercase;
    letter-spacing: -1px;
}

    .orangeTxt.crx span {
        display: inline;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.whiteBox {
    border: 1px solid #4d4d4d;
    background-color: #ffffff;
}

.white {
    color: white !important;
    /*text-shadow: 0 3px 10px rgba(0,0,0,.3);*/
}

.gray {
    color: #a2a2a2;
}

.earth, .earthTxt {
    color: #c4b091 !important;
}

.babyBlue, .babyBlueTxt {
    color: #6eb9e7 !important;
}

.green, .greenTxt {
    color: rgb(109, 190, 69) !important;
}



.white.hover:hover {
    color: #702a70;
}

.whiteBkg {
    background-color: #ffffff;
}

.whiteBkg90 {
    background-color: rgba(255,255,255,.9);
}

.beigeBkg {
    background-color: #fff8eb;
}

.whiteBkgTrans {
    background-color: #ffffff;
    opacity: .9;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.center {
    position: absolute;
    top: 38%;
    left: 44%;
    width: 100px;
    height: 100px;
    /*right: 25%;
            bottom: 25%;
            */
}

/*.contentSelected {
    background-color: #aaaaaa;
}*/

.helpSelected {
    background-color: #702a70 !important;
}

.filterSelected {
    /*color: #ffffff !important;
            border: 1px solid #ffffff !important;
            background-color: #aaaaaa;*/
}

.error {
    color: #ff0000;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal !important;
    width: 400px;
    margin: 0 auto !important;
}

.success {
    color: #702a70;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal !important;
    width: 400px;
    margin: 0 auto;
}

.modalMsg, .modal-ranking {
    color: #4d4d4d;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal !important;
    width: 70%;
    margin: 0 auto;
    padding: 20px;
}

.modal-ranking {
    border-top: 1px solid #cccccc;
}

#response .modalBox .outlineBtn.btn {
    margin: 0 0 20px 0;
    font-size: 18px;
    min-width: 80px;
}

.progressBarCont {
    border: 1px solid #cccccc;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    margin: 0 20px 20px 20px;
}

.progressBar {
    display: block;
    height: 20px;
    background-color: #f26631;
}

/*.noHeight{
            height: 0px;
            opacity: 0;
            ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
        }*/

.leftLineBlack {
    border-left: 2px solid #4d4d4d;
}

.leftLineWhite {
    border-left: 2px solid #ffffff;
}

.allCaps {
    text-transform: uppercase;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.clearLeft {
    clear: left;
}

#nav {
    width: 100%;
    height: auto;
    /*background-color: rgba(204, 204, 204, .8);*/
    /*box-shadow: 0px 5px 50px rgba(0,0,0,.1);*/
    /*font-size: 12px;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    /*padding: 0 0 10px 0;*/
}

    #nav a {
        /*color: #ffffff;*/
        display: block;
        line-height: normal;
        font-size: 14px;
        font-weight: 700;
    }

    #nav .navMenuLink {
        float: left;
        padding: 0px 20px 0 20px;
        border-right: 1px solid #58595b;
        margin-top: 20px;
    }

    #nav .menuAccount {
        border-right: 0px solid #58595b;
    }

    #nav #menuSignIO {
        font-size: 14px;
        font-weight: 700;
        display: block;
        line-height: normal;
        padding: 0px 0px 0px 20px;
        margin: 20px 0 0 0px;
        border-left: 1px solid #ffffff;
        width: auto;
        text-align: center;
        float: left;
        border-right: 0px solid #58595b;
    }

a {
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        /*color: #f26631;*/
    }

#footer {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    /*font-weight: 400;*/
    width: 100%;
    height: auto;
    padding: 25px 0 20px 0;
    background-color: #4d4d4d;
    font-size: 12px;
    position: absolute;
    z-index: 99999999;
    bottom: 0; /*-155px;*/
    left: 0;
    transition: none;
    margin: 140px 0 0 0;
    color: #ffffff;
    /*transition:(bottom 2s ease-out, padding 2s ease-out);*/
}

    #footer #menuFootPolicyTerms img {
        width: 157px;
    }

    #footer #menuFootAccounts img {
        width: 114px;
    }

    #footer #badge {
        width: 128px;
    }

/*#menuLog.menuDown{
			width: 0px;
            position: absolute;
            top: 0;
            right: 0;
		}*/
#container {
    overflow: auto;
    margin: 0 0 140px 0;
}

#menuMain #menuShow.fade {
    opacity: 0;
}

#menuMain #menuHide.fade {
    opacity: 0;
}

#menuTrigger {
    position: relative;
    /*bottom: 20px;
			left: 10px;*/
    overflow: visible;
    float: left;
}

#menuShow, #menuHide {
    /* float: left; */
    font-size: 40px;
    position: absolute;
    bottom: 20px;
    left: 10px;
    overflow: visible;
}

#menuShow {
    transition: (opacity, 2s, ease-out);
}

#menuHide {
    left: 15px;
    bottom: 23px;
    transition: (opacity, 2s, ease-out);
}

.sectionContainer {
    transition: (top, .2s, ease-out);
}

#splash.sectionContainer {
    min-height: 760px !important;
}

.error {
    color: #ff0000;
}

.text-danger, .text-danger span {
    color: #b94a48;
}

.field-validation-error {
    text-align: left;
    font-size: 13px;
}

#iFRespon 
{
    width: 527px;
    height: 344px;
}

#vFRespon 
{
    width: 527px;
    height: 344px;
}

#copyright {
    clear: left;
    font-size: 10px;
}


.btmTileSrc{
    text-overflow: ellipsis;
overflow: hidden;
line-height: 14px;
white-space: nowrap;
width: 85%;
text-align: right;
}

/*#viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
    width: 30px;
    left: -10px;
    top: -18px;
}*/

#viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
   bottom: 20px;
   left: 17.5px;
}


   .DexterWidget--3Gs4e .MessagePanel--2brm1{
            height: 510px !important;
        }
    .DexterWidget--3Gs4e h1{
        text-transform: none !important;
     }

/*input[type="submit"]{
            height: 30px;
            background-color: #702a70;
            color: #ffffff;
            text-align:center;
            text-transform: uppercase;
            padding: 5px 0;
            border: none;
            font-family: "Gotham SSm A", "Gotham SSm B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
            text-transform: uppercase;
        }*/

/****#################******
		#####       FAQs       #####
		*****#################*****/

#faq, #video {
    margin: 95px auto;
}

    #faq p, #video p {
        text-align: left;
    }

    #video p {
        width: auto;
        margin: auto;
    }

    #faq .h2Title, .contOuter .contInner .mainTitle, .contOuter .contInner .title {
        font-size: 30px;
        line-height: normal;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
        font-style: normal;
        margin: 0 0 30px 0;
        color: #702a70;
    }

.contOuter .contInner .title {
    font-size: 25px;
}

#faq .h2Title .fadingRule, #video .fadingRule {
    width: 100%;
    margin: 30px auto;
}

#faq .h2Title span, #video .mainTitle span {
    font-size: 16px;
    margin: 40px 0 0px 100px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: normal;
}


#faq .faqQ {
    font-size: 22px;
    line-height: 24px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    color: #702a70;
}

#faq .faqA {
    font-size: 16px;
    line-height: 21px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 25px 100px;
}

#faq.sectionContainer {
    height: 100%;
    ;
}

    #faq.sectionContainer .centerContainer {
        width: 910px;
        margin: 0 auto;
    }


    #faq.sectionContainer .captionBig {
        width: auto;
        margin: 140px auto 0 auto;
        padding: 0 0 0 20px;
    }

#faq .faqA.last {
    margin: 0;
}

#ajaxCover #favDiv, #ajaxCover #alertDiv, #ajaxCover #contentPaywallDiv {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

    #ajaxCover #favDiv #favclose, #ajaxCover #alertDiv #alertClose, #ajaxCover #contentPaywallDiv #paywallClose {
        position: absolute !important;
        right: 0px !important;
        top: -1px;
    }

    .favDiv_main, .alertDiv_main {
    padding: 10px;
}

@media only screen and (max-width: 1120px) {
    #navBarSF img {
        width: 270px !important;
        padding-bottom: 0 !important;
    }

    #navBarSF {
        width: 90%;
        padding-bottom: 20px;
    }
    
}

@media screen and (max-width: 1024px) {
    #faq.sectionContainer .centerContainer {
        width: 900px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    body {
        padding-top: 75px;
    }

    #navBarSF {
        position: fixed;
        width: 100% !important;
        display: block !important;
        background: #fff;
        z-index: 9;
        padding: 0px 8px;
        top: 0px;
        border-bottom: 1px solid #605E5E
    }

        #navBarSF img {
            padding-bottom: 20px !important;
        }

    #faq.sectionContainer {
        width: 710px;
        margin: 0 auto;
    }

        #faq.sectionContainer .centerContainer {
            width: 710px;
            margin: 0 auto;
        }
}

@media screen and (max-width: 610px) {
    #iFRespon{
        width:80%;
        height:100%;
    }
     #vFRespon{
        width:80%;
        height:100%;
    }
}

.rollUp {
    height: 0 !important;
    margin: 0 !important;
    /*zmargin: initial auto initial auto !important;*/
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0 !important;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden !important;
}

.rollLeft {
    width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    mms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden !important;
    border: none !important;
}

/****#################******
		#####        TOS       #####
		*****#################*****/
#TOS {
    width: 890px;
    height: auto;
    overflow: auto;
    margin: 120px auto 0 auto;
    padding: 0 0 80px 20px;
    font-size: 14px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

    #TOS.leftLineBlack p {
        margin: 15px 0;
        line-height: normal;
        padding: 0;
    }

@media screen and (max-width: 1024px) {
    #TOS {
        width: 890px;
        /* margin: 0 auto; */
    }
}

@media screen and (max-width: 768px) {
    #TOS {
        width: 640px;
        /* margin: 0 auto; */
    }
}

#TOS ul, #TOS ol {
    display: block;
    margin: 5px 0;
    clear: left;
}

    #TOS ul li, #TOS ol li {
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 10px 0 10px 30px;
        padding: 5px;
        line-height: normal;
    }

    #TOS ul li {
        list-style-position: inside;
        list-style-type: disc;
    }

#TOS h2, #TOS h3, #TOS .sectionHeader {
    font-size: 18px;
    color: #4d4d4d;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
}

#TOS h3 {
    font-size: 16px;
    line-height: normal;
}

#TOS .sectionHeader {
    font-size: 14px;
    line-height: normal;
}

#TOS .header {
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
}


/****#################******
			#####     About Us     #####
			*****#################*****/

#about.sectionContainer {
    background-image: url(/Images/About/Skull-2.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: rgb(251, 249, 249);
    height: 82%;
    min-height: 750px;
}

    #about.sectionContainer .centerContainer {
        padding: 70px 150px 70px 0;
        background-color: rgba(251, 249, 249,.6);
    }

    #about.sectionContainer .captionBig {
        font-size: 38px;
        line-height: 45px;
        margin: 70px 40px 50px 40px;
        padding: 0 0 0 20px;
        width: 500px;
    }

@media screen and (max-width: 768px) {
    #about.sectionContainer {
        width: 710px;
        margin: 0 auto;
    }

        #about.sectionContainer .centerContainer {
            width: 710px;
        }

        #about.sectionContainer .captionBig {
            width: 310px;
            font-size: 24px;
            line-height: 31px;
        }
}
/****#################******
	#####    Message Form    #####
	*****#################*****/

input {
    background-color: rgb(251, 249, 249);
    padding: 10px;
}

#emailForm, #form, #feedbackForm {
    width: 700px;
    margin: 140px auto;
    padding: 0 0 100px 0;
}

#feedbackForm {
    padding: 20px;
}

#form {
    width: 340px;
}

    #form .error {
        width: 300px;
    }

    #form label {
        line-height: normal;
        font-size: 12px;
        margin: 0 0 5px 20px;
        float: left;
        clear: left;
    }

    #form h2 {
        font-size: 30px;
        line-height: 36px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 600;
        font-style: normal;
        text-align: center;
    }

    #emailForm input, #form input {
        width: 298px;
    }

    #emailForm .field, #form .field {
        width: 300px;
        float: left;
        border: 1px solid #aaaaaa;
        /* border-radius: 5px; */
        margin: 10px 20px;
    }

    #form .field {
        margin: 0px 20px 30px 20px;
    }

#emailForm #subject.field, #emailForm #to.field, #emailForm #file.field, #emailForm #to input, #emailForm #subject input, #emailForm #file input {
    width: 648px;
}

#emailForm #tArea.field, #emailForm textarea, #feedbackForm textarea, #feedbackForm #tArea .field {
    width: 650px;
    height: 400px;
    line-height: normal;
}

#feedbackForm textarea {
    margin: 40px 0 20px 0;
    width: 694px;
}

#emailForm input[type="submit"] {
    width: 650px;
    height: 30px;
    background-color: #f26631;
    border-radius: 5px;
    margin: 0 20px;
}

#form input[type="submit"] {
    width: 300px;
    padding: 10px 0;
    line-height: normal;
    font-size: 20px;
    border-radius: 0px;
    color: #ffffff;
    background-color: #702a70;
    margin: 0 20px;
    cursor: pointer;
    height: 42px;
    text-transform: uppercase;
    font-weight: normal;
}

/****#################******
	#####   Registration   #####
	*****#################*****/

#tosPrompt {
    width: 760px;
    margin: 0 auto 100px auto;
}

    #tosPrompt #TOS {
        width: 738px;
        height: 400px;
        margin: 120px auto 20px auto;
        /* border-bottom: 1px solid; */
    }

    #tosPrompt p {
        float: left;
        padding: 4px 0 0 0;
    }

    #tosPrompt .inp {
        margin: 15px 0;
        float: left;
        clear: left;
        padding-top: 20px;
        border-top: 1px solid #4d4d4d;
    }

        #tosPrompt .inp p {
            margin: 15px 0;
            float: left;
            font-size: 24px;
            line-height: normal;
            width: 500px;
            border-right: 1px solid #4d4d4d;
            font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
            padding: 0 20px 0 0;
        }

    #tosPrompt input[type="radio"] {
        float: left;
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 15px 0 0;
    }

    #tosPrompt input[type="submit"] {
        float: right;
        width: 150px;
        padding: 15px 0;
        line-height: normal;
        font-size: 20px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #702a70;
        margin: 20px 20px 0 40px;
        cursor: pointer;
        height: auto;
    }

/****#################******
	#####    Message List    #####
	*****#################*****/

.dim {
    opacity: 0.5;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

#MyCRX-dash, #PtEd-dash, #Prof-dash, #Sur-dash {
    /*
        width: 60px;
        height: 70px;
		*/
    width: 129px;
    height: auto;
    margin: 0 0 20px 0px;
}
/*
    #PtEd-dash{
        width: 114px;
        height: 69px;
    }

    #Prof-dash{
        width: 54px;
        height: 68px;
        padding: 20px 40px 20px 0;
        margin: 0 auto;
	}

    #Sur-dash{
        width: 75px;
        height: 73px;
        margin: 20px 18px;
    }
*/
a[id*='-dash'] img {
    /*width: 100%;*/
    width: 129px;
    height: auto;
}

#menuFAQ .imgLink {
    width: 38px;
    height: auto;
}

#menuAboutUs .imgLink, #menuIntroVid .imgLink {
    width: 72px;
    height: auto;
}

#logo {
    width: 206px !important;
    height: auto !important;
    margin: 17px 0 0 20px;
}

#menuCRX .imgLink {
    width: 55px;
    height: auto;
}

#uploadBtn {
    cursor: pointer;
    line-height: normal;
}

#ajaxLoad {
    width: 100%;
    height: 100%;
}

    #ajaxLoad .center {
        position: fixed;
        left: 48%;
        width: 50px;
        height: 50px;
    }

#errorBox {
    margin: 170px auto;
    width: 700px;
    text-align: center;
}

    #errorBox p {
        font-size: 36px;
        line-height: 48px;
    }

#grpNumTxt, #form .tut {
    font-style: italic;
    width: 302px;
    margin: 15px 20px 30px 20px !important;
    font-size: 11px !important;
    text-align: center;
}

#admin .field.noBtm {
    margin-bottom: 0;
}

#welcomeBox {
    width: 500px;
    margin: 150px auto 0 auto;
    padding: 20px 30px;
    border-radius: 5px;
    background-color: #ffffff;
}

    #welcomeBox p {
        line-height: normal;
        text-align: center;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    #welcomeBox .welcomeTxt {
        font-size: 22px;
        color: #702a70;
        font-weight: 600;
        /*padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #4d4d4d;*/
    }

    #welcomeBox #appLink {
        display: block;
        padding: 10px;
        margin: 25px 0 0 0;
    }

        #welcomeBox #appLink img {
            width: 51px;
        }

#logoCap {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    color: #702a70;
    font-size: 10px;
    width: 206px;
    float: left;
    clear: left;
    margin: 10px 0 0 40px;
    line-height: normal;
    padding: 5px 0 0 0;
    border-top: 1px solid #4d4d4d;
}

    #logoCap span {
        color: #702a70;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 700;
        font-style: normal;
        font-size: 9px;
    }

        #logoCap span a {
            color: #702a70;
            display: inline;
        }

            #logoCap span a:hover {
                color: #f26631;
                display: inline;
            }


#response {
    position: fixed;
    /*top: 10px;
        left: 30%;*/
    /*width: 760px;
        margin: 100px auto;
        background: #ffffff;
        height: 400px;
        overflow: auto;*/
    top: 50px;
    bottom: 50px;
    left: 20%;
    right: 20%;
    overflow: auto;
}

    #response > div, #response > p, #response > span {
        /* position: fixed !important; */
        /* height: 500px !important; */
        /* overflow: auto; */
        /* top: 100px; */
        width: 100% !important;
        background: #ffffff;
        /*position: fixed !important;
        top: 20% !important;
        bottom: 20% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;*/
        margin: 0px auto !important;
        /*
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        */
    }

.col {
    float: left;
}

.repMsg {
    margin: 100px auto 0 auto;
    padding: 20px 40px;
    background-color: #ffffff;
    width: 660px;
    border-radius: 5px;
}

    .repMsg .error {
        font-size: 24px;
        font-weight: 700;
    }

#repCont.emTblCont .error {
    font-size: 38px;
    font-weight: 700;
    margin: 100px 0 0 0;
}

label {
    line-height: normal;
}

#TOS a[name="TermsOfService"],
#TOS a[name="HIPAA"],
#TOS a[name="Privacy"],
#TOS a[name="Security"],
#TOS a[name="Ads"] {
    display: inline-block;
    position: relative;
    top: -116px;
    visibility: hidden;
}

.inst {
    color: #aaaaaa !important;
}

.ignoreInst {
    color: inherit !important;
}

#rPass {
    padding: 10px 0 10px 0;
    width: 340px;
    display: block;
    float: right;
    text-align: center;
    text-transform: uppercase;
    color: #702a70;
    border: 1px solid #702a70;
    margin: 0px 0 15px 0;
    font-size: 16px;
    line-height: normal;
}

#errMsg, #confirmationPrompt {
    background-color: #ffffff;
    /* margin: 100px 0 0 0; */
    /* padding: 20px; */
    position: relative;
    font-size: 14px;
    width: 760px;
    line-height: normal;
}

    #errMsg .hdr, #feedbackForm .hdr {
        border-bottom: 1px solid #a2a2a2;
        padding: 15px;
        display: block;
        float: none;
        color: #702a70;
        font-size: 24px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 600;
    }

.purpleBtn {
    background-color: #702a70;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}

.outlineBtn, .outlineBtnBlk {
    border: 1px solid #702a70;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #702a70;
    font-weight: 700;
}

.outlineBtnBlk {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
}

a.outlineBtn:hover, a.outlineBtnBlk:hover {
    border: 1px solid #f26631;
    color: #f26631;
}

/****#################******
	#####        TOS       #####
	*****#################*****/


#video .mainTitle span {
    margin: 20px 0 0 0;
}

#video .videoLink {
    float: left;
    width: 465px;
}

    #video .videoLink:nth-of-type(2n) {
        float: right;
    }

/*#video.contOuter .contInner .title{
    	margin: 0 0 20px 0;
    }*/

#video .videoLink {
    margin: 30px 0 0 0;
}

    #video .videoLink a {
        border: 1px solid #4d4d4d;
        display: block;
        min-height: 385px;
        position: relative;
    }

        #video .videoLink a .playMark {
            top: 32%;
            left: 42%;
            position: absolute;
            width: 68px;
        }

#video.contOuter .contInner .videoLink .title {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-size: 17px;
    color: #4d4d4d;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: -1px;
}

#video .videoLink a .img {
    height: 300px;
    width: 100%;
    display: block;
    background-color: #f00;
    border-bottom: 1px solid #4d4d4d;
    padding: 0;
}

#video .videoLink a span {
    padding: 10px;
    font-size: 14px;
}


/****#################******
	#####     Dashboard    #####
	*****#################*****/
#dashCont {
    position: relative;
    margin: 95px auto 0 auto;
}

#folderNav {
    position: fixed;
}

/****#################******
	#####      General     #####
	*****#################*****/

.radioListItem .label {
    float: left;
    font-size: 18px;
    margin: 7px 0 0 0;
}

.radioListItem {
    padding: 10px 0 10px 0;
    margin: 0px 0 0 0;
}

    .radioListItem:first-of-type {
        padding: 0 0 10px 0;
    }

    .radioListItem input[type="checkbox"] {
        float: right;
    }

        .radioListItem input[type="checkbox"]:checked {
            width: 22px;
            height: 22px;
        }

.Gotham, .gotham {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
}

.GothamBk, .gothamBk {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-style: normal;
    font-weight: 400;
}

.gothamM, .GothamM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.Gotham.bold, .gotham.bold {
    font-weight: 700;
}



.WtLight {
    font-weight: 100 !important;
}

.WtMedium {
    font-weight: 400 !important;
}

.WtBold {
    font-weight: 600 !important;
}

.Italic {
    font-style: italic !important;
}

.size26 {
    font-size: 26px !important;
}

.size16 {
    font-size: 16px !important;
}

.size15 {
    font-size: 15px !important;
}

.size13 {
    font-size: 13px !important;
}

.clearFix {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.absoluteWrapper {
    position: absolute;
}

    .absoluteWrapper.fullscreen {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.txtCenter {
    text-align: center;
}

.modal-title {
    font-size: 24px;
    padding: 25px 25px 20px 25px;
    border-bottom: 1px solid #a2a2a2;
    margin: 0;
    width: auto;
    font-weight: 700;
    color: #702a70;
    text-align: center;
    line-height: normal;
    box-sizing: border-box;
}
/*
    #response .submitBtn
    ,#response .cancelBtn{
        display: inline-block;
        padding: 5px 20px;
        font-size: 16px;
        margin: 20px 0 40px 0;
        font-weight: 700px;
    }

    #response .cancelBtn{
        padding: 4px 19px;
        margin: 20px 20px 40px 0;
    }
    */

#moveCopyCont .hdr, .contentSect .hdr {
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
}

#moveCopyCont .fDisabledToggle p {
    margin: 20px 20px 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #cccccc;
}

#note {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: rgba(250, 250, 250, .9);
    z-index: 1000;
}

#noteTog {
    color: #702a70;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
}

#note .noteLnk {
    padding: 5px 0 5px 0;
    margin: 0 0 15px 0;
    width: 700px;
}

    #note .noteLnk._new {
        color: #f26631;
    }

#note .togCont {
    margin: 5px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #aaaaaa;
}

#ckTbl {
    margin: 100px 0 0 0;
}

    #ckTbl p.txtCenter {
        font-size: 18px;
        margin: 0 0 30px 0;
    }

    #ckTbl label {
        display: block;
    }

    #ckTbl #submit {
        padding: 11px 20px;
        vertical-align: middle;
        text-align: center;
        width: auto;
        height: auto;
    }

#response.homeVid {
    width: 800px;
    left: auto;
    right: auto;
}

.inlineBlock {
    display: inline-block !important;
}

.btn {
    padding: 5px 10px;
}

.vCenter {
    vertical-align: middle !important;
}

.vTop {
    vertical-align: top !important;
}

.half {
    width: 48%;
}

.floatLeft {
    float: left;
}

.txtLeft {
    text-align: left;
}

.txtRight {
    text-align: right;
}

.outlineGry {
    border: 1px solid #a2a2a2;
}

.outlineOrange {
    border: 1px solid #ec8223;
}

.outlineBlk {
    border: 1px solid #000000;
}

.mAll0 {
    margin: 0 !important;
}

.pAll0 {
    padding: 0 !important;
}

.pAll10 {
    padding: 10px !important;
}

.pAll20 {
    padding: 20px !important;
}

.B {
    display: block !important;
}

.px22 {
    font-size: 22px !important;
}

.px30 {
    font-size: 30px !important;
}

.px14 {
    font-size: 14px !important;
}

.px16 {
    font-size: 16px !important;
}

.px18 {
    font-size: 18px !important;
}

.px20 {
    font-size: 20px !important;
}

.black {
    color: #000000 !important;
}

.gothamRBk, .GothamRBk {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.gothamRM, .GothamRM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 500;
    font-style: normal;
}

.tungstenM, .TungstenM {
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.w100, .w100P {
    width: 100% !important;
}

.h100, .h100p {
    height: 100% !important;
}

.w15P {
    width: 15% !important;
}

.w75P {
    width: 75% !important;
}

.w78P {
    width: 78% !important;
}


.w100p {
    width: 100px !important;
}

.wA {
    width: auto !important;
}

.rad5 {
    border-radius: 5px !important;
}

.rad6 {
    border-radius: 6px !important;
}

.rad10 {
    border-radius: 10px !important;
}

.rad20 {
    border-radius: 20px !important;
}

.rad50 {
    border-radius: 50px !important;
}

.untexttrans {
    text-transform: none !important;
}

.ttlowercase {
    text-transform: lowercase;
}

.outlineGray {
    border: 1px solid #4d4d4d;
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mtb25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mlr25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mtb8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.ml18 {
    margin-left: 18px;
}

.ml25 {
    margin-left: 25px;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mr45 {
    margin-right: 45px;
}

.mr55 {
    margin-right: 55px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}
.mlrA {
    margin-left: auto;
    margin-right: auto;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb25 {
    padding-bottom: 25px;
}

.pt15 {
    padding-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

.pt8 {
    padding-top: 8px;
}

.pt4 {
    padding-top: 4px;
}

.pt2 {
    padding-top: 2px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb6 {
    padding-bottom: 6px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.cBoxSize {
    box-sizing: content-box;
}

.bBoxSize {
    box-sizing: border-box;
}

.sshineBkg, .goldenBkg {
    background-color: rgb(252, 189, 58) !important;
}

.sshineImgBkg {
    background-image: url('/Images/sshine.png');
}

.oLayBlkBkg35 {
    background-color: rgba(0,0,0,.35);
}

.bkgCover {
    background-size: cover;
}

.bkgXYCC {
    background-position: center center;
}

.rel {
    position: relative !important;
}

.abs {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}

.oFlowShow {
    overflow: visible;
}

.oFlowAuto {
    overflow: auto;
}

.oFlowNo {
    overflow: hidden;
}

body.oFlowNo {
    position: fixed;
    width: 100%;
}

.All8, .xy8 {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
}

.yb0 {
    bottom: 0;
}

.yt0 {
    top: 0;
}

.yb70 {
    bottom: 70px;
}

.yb100 {
    bottom: 100px;
}

.yb60 {
    bottom: 60px;
}

.yb115 {
    bottom: 115px;
}

.xb48 {
    bottom: 48px;
}

.lineBtm {
    border-bottom: 1px solid #4d4d4d;
}

.lineTop {
    border-top: 1px solid #4d4d4d;
}

.lineTopOrange {
    border-top: 1px solid #ec8223;
}

.lineRht {
    border-right: 1px solid #4d4d4d;
}

.lineLft {
    border-left: 1px solid #4d4d4d;
}

.lineRhtO {
    border-right: 1px solid #ec8223;
}

.brdrWht {
    border-color: #ffffff;
}

.xyAllAuto, #response #share.xyAllAuto {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
}

.xyAll15P, #response #share.xyAll15P {
    top: 15%;
    right: 15%;
    bottom: 15%;
    left: 15%;
}

.x5P, #response #share.x5P, #response #fwd.x5P {
    right: 5%;
    left: 5%;
}

.xl-1 {
    left: -1px;
}

.xl0 {
    left: 0;
}

.xl-10 {
    left: -10px;
}

.xr0 {
    right: 0;
}

.xl0 {
    left: 0;
}

.xr55 {
    right: 55px;
}

.xl205 {
    left: 205px;
}

.y15P, #response #share.y15P, #response #fwd.y15P {
    top: 15%;
    bottom: 15%;
}

.y10P, #response #share.y10P, #response #fwd.y10P {
    top: 10%;
    bottom: 10%;
}

.px26 {
    font-size: 26px !important;
}

.outlineWhite {
    border: 1px solid #ffffff !important;
}

.outlineGold {
    border: 1px solid rgb(252, 189, 58) !important;
}

.pxln10 {
    border-width: 10px !important;
}

.pxln2 {
    border-width: 2px !important;
}

.lineWhite {
    border-color: #ffffff;
}

.h30p {
    height: 30px;
}

.h100p {
    height: 100px;
}

.h135p {
    height: 135px;
}

.h155p {
    height: 155px;
}

.h165p {
    height: 165px;
}

.h195p {
    height: 195px;
}

.h215p {
    height: 215px;
}

.h255p {
    height: 255px;
}

#yesBtn img {
    width: 72px;
}

.w510p {
    width: 510px;
}

.lineLR {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z6 {
    z-index: 6;
}

.zM1 {
    z-index: 1000000;
}

.zMx-1 {
    z-index: 999999;
}

.w480p, #fwd.w480p {
    width: 480px !important;
}

.noOutline {
    border: none !important;
}

.lh1 {
    line-height: 1px !important;
}

.lh21 {
    line-height: 21px !important;
}

.lhN {
    line-height: normal !important;
}

.lh14 {
    line-height: 14px !important;
}

.visbl {
    overflow: visible !important;
}

.h250p {
    height: 250px;
}

.h500p {
    height: 500px;
}

.hM250p {
    max-height: 250px;
}

.scrlA {
    overflow: auto !important;
}

.lineGry {
    border-color: #a2a2a2;
}

.charcoalBkg {
    background-color: rgb(77,77,77);
}

.red {
    color: #ff0000;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt86 {
    padding-top: 86px;
}

.pt100 {
    padding-top: 100px;
}

.pt140 {
    padding-top: 140px;
}

.pt144 {
    padding-top: 144px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.nVis {
    visibility: hidden;
}

.purpleBkg {
    background-color: #702a70;
}

    .purpleBkg.hover:hover {
        /* background-color: #f26631 !important;*/
    }

.outlinePrp {
    border: 1px solid #702a70;
}

    .outlinePrp.hover:hover {
        /*  border-color: #f26631;*/
    }

.w105p {
    width: 105px;
}

.w120p {
    width: 120px;
}

.w127p {
    width: 127px;
}

.w600p {
    width: 600px;
}

.w1000p {
    width: 1000px;
    width: 1210px;
}

.w1020p {
    width: 1020px;
}

.w158p {
    width: 158px;
}

.w160p {
    width: 160px;
}

.w175p {
    width: 175px;
}

.h105p {
    height: 105px;
}

.xlr25P {
    left: 25%;
    right: 25%;
}

.yt30P {
    top: 30%;
}

.yt35P {
    top: 35%;
}

.yt50P {
    top: 50%;
}

.px15 {
    font-size: 15px;
}

.px19 {
    font-size: 19px;
}

.px17 {
    font-size: 17px;
}

.px13 {
    font-size: 13px;
}

.px11 {
    font-size: 11px;
}

.px10 {
    font-size: 10px;
}

.px9 {
    font-size: 9px;
}

.w48P {
    width: 48%;
}

.w46P {
    width: 46%;
}

.w24P {
    width: 24% !important;
}

.lineRhtG {
    border-right: 1px solid #ccc;
}

.w49P {
    width: 49%;
}

.w60P {
    width: 60%;
}

.w64P {
    width: 64%;
}

.w33P {
    width: 33%;
}

.w30P {
    width: 30%;
}

.mh36p {
    min-height: 36px;
}

.mh65p {
    min-height: 65px;
}

.mh110p {
    min-height: 110px;
}

.mh195p {
    min-height: 195px;
}

.mh210p {
    min-height: 210px;
}

.mh500p {
    min-height: 500px;
}

.mxh208 {
    max-height: 208px;
}
.tileStxtC{
    color:rgb(77,77,77);
}
.orangeBkg {
    background-color: rgb(242, 102, 49);
}

.l_orangeBkg {
    background-color: #ffdaae;
      /*box-shadow: 1px 6px 7px 2px #bfb9b9;*/
     -webkit-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    -moz-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
}

.l_orangeBkg .dotLC{
    background-image:url('../Images/Content/Tiles/Grey-Dot.png');
    background-repeat: no-repeat;
    width: 3px;
    height: 3px;
}

.pinkBkg {
    background-color: rgb(203, 79, 149);
}

.blueBkg {
    background-color: rgb(110, 185, 231);
}

.premiumBkg {
    background-color: rgb(47, 64, 154);
}

.l_premiumBkg {
    /*background-color: rgb(47, 64, 154);*/
    background-color: #88c5eb;
    border: 1px solid #2f409a !important;
      /*box-shadow: 1px 6px 7px 2px #bfb9b9;*/
     -webkit-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    -moz-box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
    box-shadow: 0px 3px 11px 0px rgba(191,185,185,0.73);
}

.l_premiumBkg .lineTopOrange{
    border-top: 1px solid #2f409a !important;
}

.l_premiumBkg .lineRhtO{
    border-right: 1px solid #2f409a !important;
}

.l_premiumBkg .dotLC{
    background-image:url('../Images/Content/Tiles/Grey-Dot.png');
    background-repeat: no-repeat;
    width: 3px;
    height: 3px;
}

.tealBkg {
    background-color: rgb(102, 192, 186);
}

.greenBkg {
    background-color: rgb(109, 190, 69);
}

.orangeBrdr {
    border-color: rgb(242, 102, 49);
    border-width: 2px;
    border-style: solid;
}

.pinkBrdr {
    border-color: rgb(203, 79, 149);
    border-width: 2px;
    border-style: solid;
}

.blueBrdr {
    border-color: rgb(110, 185, 231);
    border-width: 2px;
    border-style: solid;
}

.tealBrdr {
    border-color: rgb(102, 192, 186);
    border-width: 2px;
    border-style: solid;
}

.greenBrdr {
    border-color: rgb(109, 190, 69);
    border-width: 2px;
    border-style: solid;
}

.xr-12 {
    right: -12px;
}

.xr15 {
    right: 15px;
}

.xr10 {
    right: 10px;
}

.xr19-5P {
    right: 19.5%;
}

.xl-19 {
    left: -19px;
}

.xl235 {
    left: 235px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt75 {
    margin-top: 75px;
}

.mt100 {
    margin-top: 100px;
}

.mt150 {
    margin-top: 150px;
}

.mt200 {
    margin-top: 200px;
}

.mt225 {
    margin-top: 225px;
}

.mt275 {
    margin-top: 275px;
}

.yt-19 {
    top: -19px;
}

.yt-12 {
    top: -12px;
}

.yt10 {
    top: 10px;
}

.yt35 {
    top: 35px;
}

.yt40 {
    top: 40px;
}

.yt56 {
    top: 56px;
}

.yt58 {
    top: 58px;
}

.yt60 {
    top: 60px;
}

.yt75 {
    top: 75px;
}

.yt135 {
    top: 135px;
}

.w30p {
    width: 30px;
}

.w39 {
    width: 39px;
}

.w198p {
    width: 198px;
}

.w208p {
    width: 208px;
}

.w238p {
    width: 238px;
}

.w325p {
    width: 325px;
}

.w765p {
    width: 765px;
}

.w274p {
    width: 274px;
}

.ml235 {
    margin-left: 235px;
}

.ml265 {
    margin-left: 265px;
}

.ml235 {
    margin-left: 235px;
}

.mr30 {
    margin-right: 30px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr15 {
    margin-right: 15px;
}

.mr10 {
    margin-right: 10px;
}

.mr50 {
    margin-right: 50px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}

.pl60 {
    padding-left: 60px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt30 {
    padding-top: 30px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml30 {
    margin-left: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.grayBkg204-80 {
    background-color: rgba(204, 204, 204, .8);
}

.outlineRed {
    border: 1px solid #ff0000;
}

.thick2 {
    border-width: 2px;
}

.w19P {
    width: 19%;
}

.w80P {
    width: 80%;
}

.w84P {
    width: 84%;
}

.w85P {
    width: 85%;
}

.w90P {
    width: 90%;
}

.w20 {
    width: 20px;
}

.w24 {
    width: 24px;
}

.h20 {
    height: 20px;
}

.h24 {
    width: 24px;
}

.h35p {
    width: 35px;
}

.bkgGreen {
    background-color: #00d43a;
}

.bkgOffWhite {
    background-color: rgb(251, 249, 249);
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.radTLR5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.radTLR10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.radBLR5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.radBLR9 {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.radBLR10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.hide {
    display: none !important;
}

.txtWrap {
    word-wrap: break-word;
}

.a50 {
    opacity: .5;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.a00 {
    opacity: 0;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
}

.a01 {
    opacity: 1;
    ms-opacity: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
}


.w1p {
    width: 1px;
}

.clearRight {
    clear: right;
}

.xl20P {
    left: 20%;
}

.xr20P {
    right: 20%;
}


.gradMDTop {
    background-color: rgb(250,187,25); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgb(250,187,25), rgb(254,229,136)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgb(250,187,25), rgb(254,229,136)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgb(250,187,25), rgb(254,229,136)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgb(250,187,25), rgb(254,229,136)); /* Standard syntax (must be last) */
}

.hiddenfile {
    display: none !important;
}

.blockBrdr {
    border: 2px solid rgb(226,227,227);
    border-radius: 6px;
    box-shadow: 6px 6px 6px #E5E7E9;
}

#response > div.MDouter {
    width: 500px !important;
    border: 4px solid darkgray;
    border-radius: 10px;
    overflow: hidden !important;
}

.greenChecked {
    background: url('/Images/Dashboard/Greentick.png') no-repeat center center;
    background-size: 30px 30px;
}

.greenUncheck {
    background: url('/Images/Dashboard/uncheck_grey.png') no-repeat center center;
    width: 30px;
    height: 30px;
}

.loginChecked {
    background: url('/Images/Dashboard/checkbox.png') no-repeat center center;
    background-size: 30px 30px;
}

.loginUncheck {
    background: url('/Images/Dashboard/uncheckbox.png') no-repeat center center;
    background-size: 30px 30px;
}


.checkListgrayRow {
    background-color: rgb(226,227,227);
}

.checkRow:nth-of-type(2n) {
    background-color: #fff !important;
}

.contentAlign {
    align-content: center;
}

.autoMargin {
    margin: 0 auto;
}

.pd10 {
    padding: 10px;
}

.pxln5 {
    border-width: 5px !important;
}

.tagColor {
    color: #f26532;
}

.txtColor {
    color: #414042;
}

.txtColorBlack {
    /*color: #231f20;*/
    color: #000000 !important;
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px;
}

.px12 {
    font-size: 12px;
}

.loginBkgC {
    background-color: #f8f9f9 !important; /*#f9f9fa*/
}

.logPtxtC {
    color: #4d4d4d;
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px;
}


.pr25 {
    padding-right: 25px;
}

.pr20 {
    padding-right: 20px !important;
}

.pl25 {
    padding-left: 25px;
}

.txtcolor {
    color: #4d4d4d !important;
}

.menuUnderLine {
    color: #6f2a70 !important;
    /*border-bottom: 2px solid #4d4d4d;*/
}

.txtcolor.hover:hover {
    color: #8c8c8c !important;
}

.menuUnderLine.hover:hover {
    color: #8c8c8c !important;
}

.loginNav a {
    text-decoration: none;
    cursor: pointer;
    color: #4d4d4d !important;
}

    .loginNav a:hover {
        color: #8c8c8c !important;
        /*border-bottom: 2px solid #4d4d4d;*/
    }

    .loginNav a.active {
        color: #8c8c8c !important;
        /*border-bottom: 2px solid #4d4d4d;*/
    }

.dropbtn {
    position: relative;
}

.dropdown-content {
    display: none;
    /*visibility:hidden;*/
    position: absolute;
    bottom: -40px;
    background-color: #fff /*#f9f9f9*/;
    min-width: 160px;
    z-index: 1;
}

    .dropdown-content a {
        color: #4d4d4d;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

/*.dropdown-content a:hover {background-color: #f1f1f1}*/

.dropdown:hover .dropdown-content {
    display: block;
}

.mlr70 {
    margin-left: 70px;
    margin-right: 70px;
}

.navBkgcolor {
    background-color: #ffffff /*#f5f4f4*/;
}

.new_bckPR {
    min-height: 275px;
}

#registration label {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px !important;
}

#registration .mb25 {
    margin-bottom: 20px !important;
}

}

div#menuMainFoot a {
    padding: 5px 0;
}

#cResponse {
    width: 100%;
    padding-left: 235px !important;
    margin-top: 110px;
    margin-bottom: 100px;
}

#aResponse {
    width: 100%;
    padding-left: 222px !important;
}

#viewCont {
    padding-left: 20px;
}

.w965p {
    width: 984px;
}

#tagArray #chckList .i_opt div:nth-child(2) {
    margin-left: -30px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Search_from_1 {
    min-height: 58px;
    width: 100%;
    padding-left: 13px;
}

    .Search_from_1 .oFlowShow {
        width: 67%;
        min-height: 55px;
    }

    .Search_from_1 #searchCont {
        width: 100%;
    }

    .Search_from_1 #filterForm {
        position: relative;
    }

        .Search_from_1 #filterForm::before {
            width: 1px;
            height: 100%;
            position: absolute;
            content: "";
            background: #4d4d4d;
            top: 0px;
            right: 42px;
        }

        .Search_from_1 #filterForm .w84P {
            width: 100%;
            font-size: 16px;
            font-weight: 400;
            padding: 17px 10px !important;
            color: #000 !important;
            border-right: 0px solid #ccc !important;
            padding-right: 75px !important;
        }

.search_btns {
    position: absolute;
    right: 10px;
    top: 14px;
}

.Search_from_1 #EmptyTxt {
}

.Search_from_1 .search_icn {
    margin-left: 6px;
    margin-right: 3px;
}

#fChckList input[type="checkbox"]:checked, #chckList input[type="radio"]:checked {
    border: #a2a2a2 solid 1px !important;
    border-radius: 5px;
    background: url(/Images/tickmark.png) no-repeat center center;
}

.checkbox_label_1 {
    padding-left: 30px;
    margin-left: -30px;
}

#cChckList .orangeBkg, #cChckList .greenBkg, #cChckList .tealBkg, #cChckList .blueBkg, #cChckList .pinkBkg {
    position: relative;
}

    #cChckList .orangeBkg::before, #cChckList .greenBkg::before, #cChckList .tealBkg::before, #cChckList .blueBkg::before, #cChckList .pinkBkg::before {
        content: "";
        width: 22px;
        height: 22px;
        position: absolute;
        left: -2px;
        top: 0px;
        background: url('/Images/tickmark.png') no-repeat center center;
    }

#cChckList label {
    font-size: 14px;
    color: purple;
}

.login_trail_poup#ajaxCover > div {
    width: 710px !important;
}

.login_trail_poup#ajaxCover #response {
    width: 710px !important;
    top: 35%;
    padding-right: 13px;
}

.login_trail_poup#ajaxCover #close {
    margin-left: 685px;
    top: 21px;
    position: relative;
}

#menuMainFoot a {
    margin-bottom: 5px;
    margin-top: 5px;
}

.searchbar_main {
    width: 100%;
    margin-left: 0px;
    padding-left: 232px;
    left: 0px;
    min-height: 74px;
    height: 74px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #9c9c9c;
}

.link_click {
    color: #1dabf7;
    text-decoration: underline;
}

#submitFol:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: no-drop;
}

.register_msgs p {
    color: #fcb732;
    font-size: 35px;
    text-align: left;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 800;
}

.register_msgs ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
}

    .register_msgs ul li {
        font-size: 18px;
        text-align: left;
        line-height: 17px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 400;
        color: #4d4e50;
        position: relative;
        padding-left: 30px;
        padding-bottom: 10px;
    }

        .register_msgs ul li::before {
            position: absolute;
            content: '';
            background: url('/Images/green_tick.png');
            background-repeat: no-repeat;
            background-size: 20px 20px;
            left: 0px;
            width: 20px;
            height: 20px;
        }

        .register_msgs ul li span {
            display: inline !important;
            font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        }

#menuMain #logoN {
    max-width: 100%;
}

.signin_button {
    text-align: right;
    padding-right: 24px;
    float: right;
}

.folderNavWrap_menu_1 {
    width: 30px;
    height: 30px;
    top: 16px;
    right: 15px;
    position: fixed;
    cursor: pointer;
    display: none;
    z-index: 99999999;
    background: url('/Images/menu_icon.png');
    background-size: 100% 100%;
}

.mainmenu_toggle {
    width: 34px;
    height: 30px;
    top: 14px;
    right: 20px;
    position: fixed;
    cursor: pointer;
    display: none;
    z-index: 9999999;
    background: url('/Images/menu_icon.png');
    background-size: 100% 100%;
    overflow: visible;
}

    .mainmenu_toggle:before {
        content: 'Menu';
        position: absolute;
        top: 120%;
        font-weight: 500;
        font-size: 11px;
        right: 1px !important;
    }

.folderNavWrap_menu_1.active {
    left: 222px;
    background: url('/Images/menu_icon_1.png');
    background-size: 100% 100%;
}



#ErrorResponse {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0, .5);
    position: fixed;
    z-index: 1000000;
    top: 0;
    bottom: 0;
}

.response_style {
    width: 800px !important;
    left: auto;
    right: auto;
    position: fixed;
    top: 50px;
    bottom: 50px;
    overflow: auto;
}

#ErrorResponse #close {
    margin-left: 774px;
}

.frame {
    width: 75%;
    margin: 0 auto;
    padding: 0px 25px !important;
    min-height: 70px;
}

    .frame img {
        width: 90% !important;
        padding: 0px 15px 0px 25px !important;
    }

    .frame .guillotine-canvas {
        width: 100%;
        left: 0px;
    }

#controls {
    display: none !important;
}

    #controls button {
        background: #F9AC37;
        border: none;
        color: #fff;
        font-size: 20px;
        padding: 3px 10px;
    }

#viewCont .contentSelectBox, #userviewCont .contentSelectBox {
    cursor: pointer;
}

    #viewCont .contentSelectBox .mh65p p, #userviewCont .contentSelectBox .mh65p p {
        max-height: 120px;
        overflow: hidden;
    }

.folders_tab {
    display: none;
    background: url(../../images/Blue-Folder.png);
    background-size: 55px 40px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 55px;
    height: 40px;
    line-height: 51px;
    text-align: center;
    padding: 0px 0px;
    float: left;
    color: #fff;
}

.selected_folder_name {
    display: none;
    float: left;
    padding: 5px;
    margin: 8px 5px;
    color: #000;
    width: 120px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

#ajaxCover #response {
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    bottom: auto !important;
}

    #ajaxCover #response > div {
        border: 0px !important;
        border-radius: 0px !important;
    }

.container {
    width: 1170px;
    margin: 0 auto;
}

.border_gray {
    border: 1px solid #cccccc;
}

.container .paymnetgatway {
    width: 70%;
    float: left;
}

.paymnetgatway_header {
    background: #f2f2f2;
    padding: 10px;
    border-right: 1px solid #cccccc;
}

    .paymnetgatway_header h2 {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        font-weight: 400;
    }

.billing_info_header {
    background: #f2f2f2;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-left: 0px;
}

    .billing_info_header h2 {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        font-weight: 400;
    }

.paymnetgatway_inner {
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 10px 5px;
}

    .paymnetgatway_inner label {
        margin-bottom: 5px;
    }

.width50 {
    width: 50%;
    float: left;
}

.width33 {
    width: 33.3%;
    float: left;
}

.width66 {
    width: 66.6%;
    float: left;
}

.width100 {
    width: 100%;
    float: left;
}
.width65px{
    width:65px;
} 
.paymnetgatway_inner .field {
    padding-left: 5px;
    padding-right: 5px;
}

.clearfix {
    clear: both;
}

.mrt22 {
    margin-top: 22px;
}

.billing_info {
    width: 30%;
    float: left;
}

.billing_info_inner {
    padding: 15px;
}

    .billing_info_inner p {
        font-size: 14px;
        text-align: left;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .billing_info_inner p span {
            float: right;
        }

.underline {
    border-bottom: 1px solid #ccc;
}

.billing_info_inner .summary {
    color: #702a70;
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 15px;
}

    .billing_info_inner .summary span {
        color: #702a70;
    }

.couponcode_btn {
    text-align: right;
}

    .couponcode_btn #btnValidate {
        margin-right: 25px;
    }

.aa-input-container {
    display: inline-block;
    position: relative;
}

.aa-input-search {
    width: 300px;
    border: 1px solid rgba(228, 228, 228, 0.6);
    padding: 12px 28px 12px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
        display: none;
    }

.aa-input-icon {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #e4e4e4;
}

.couponcode_btn .field {
    width: 52% !important;
}

#filterForm .algolia-autocomplete {
    width: 100%;
}

.aa-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.aa-suggestion {
    padding: 12px;
    cursor: pointer;
}

#searchCont, #searchCont form {
    overflow: visible;
}

#searchCont {
    padding: 1px;
}

.aa-suggestion + .aa-suggestion {
    border-top: 1px solid rgba(228, 228, 228, 0.6);
}

.aa-suggestion:hover, .aa-suggestion.aa-cursor {
    background-color: rgba(241, 241, 241, 0.35);
}


.container_reg {
    width: 1100px;
    margin: 0 auto;
}

    .container_reg #imageHolder {
        float: left;
        padding-top: 143px;
        padding-bottom: 20px !important;
    }

    .container_reg.signin_c #imageHolder {
        padding-top: 62px;
    }

#catalogListTab {
    padding-right: 5px;
}

.folderSect_new #fTitle > div {
    line-height: 0px !important;
    height: 60px !important;
}

#shareForm .inst {
    color: #000 !important;
}

#controls #fit {
    display: none;
}

#controls #zoom_out {
    background: url('../Images/img_minus.png') no-repeat center;
    background-size: 30px 30px;
    padding: 0px;
    font-size: 0px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    display: block;
    float: right;
}

#controls #zoom_in {
    background: url('../Images/img_plus.png') no-repeat center;
    background-size: 30px 30px;
    padding: 0px;
    font-size: 0px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    float: right;
    clear: both;
    margin-top: 3px;
}

    #controls #zoom_in:focus, #controls #zoom_out:focus {
        outline: 0;
        opacity: 1;
    }

#controls {
    width: 70%;
    margin: 0 auto;
    text-align: right;
    margin-top: -65px !important;
    position: relative;
    z-index: 99;
}

.reg_for_st {
    width: 100%;
    text-align: right;
    padding-top: 15px;
    clear: both;
}
/*Small devices */



/* New Design Styles */
/* New Design Styles */

.catlog_list {
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-top: 40px;
}

    .catlog_list > li {
        background: #f6f6f6;
        position: relative;
        background: #fff;
    }

        .catlog_list > li:nth-child(odd) {
            background: #fff;
        }

        .catlog_list > li > label {
            font-size: 16px;
            padding: 10px;
            padding-left: 40px;
            display: block;
            font-weight: 400;
            cursor: pointer;
            color: #00B6B3;
        }

    .catlog_list ul li {
        padding: 5px 0px;
        padding-left: 70px;
        font-size: 12px;
        line-height: 18px;
        /*border-top: 1px solid #e3e3e3;*/
        position: relative;
        color: #58595b;
        font-weight: 400;
        cursor: pointer;
    }

        .catlog_list ul li .addbtn {
            width: 14px;
            height: 14px;
            background-image: url('../../Images/plus_icon_2.png');
            background-size: 14px 14px;
            display: inline-block;
            position: absolute;
            left: 45px;
            top: 8px;
        }

        .catlog_list ul li > label {
            cursor: pointer;
            border-bottom: 1px solid #4d4d4d;
        }

        .catlog_list ul li.inactive, .catlog_list ul li.inactive > label {
            color: #939598 !important;
            cursor: no-drop;
        }

            .catlog_list ul li.inactive .addbtn {
                background-image: url('../../Images/plus_icon_3.png');
                cursor: no-drop;
            }

    .catlog_list ul {
        display: none;
        list-style: none;
    }

.catlog_list_main {
    margin-left: -3px;
    margin-top: -25px;
}

.info_title {
    text-align: left;
    color: #58595b;
    margin-bottom: 10px;
    padding: 10px 5px 8px 23px;
    position: fixed;
    z-index: 1;
    background: #fff;
    width: 100%;
    margin-top: 4px;
    font-size: 14px;
    border-bottom: 1px solid #9c9c9c;
}

    .info_title img {
        width: 16px;
        padding: 0px 3px;
    }

.catlog_list_arrow {
    width: 16px;
    height: 14px;
    /*background-image: url('../../Images/arrow_icon_1.png');
    background-size: 16px 16px;*/
    background-image: url('../../Images/right-arrow.png');
    background-size: 16px 15px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: 20px;
    top: 12px;
}

.catlog_list li.active .catlog_list_arrow {
    /*background-image: url('../../Images/arrow_icon_2.png');*/
    background-image: url('../../Images/down-arrow.png');
}

.catlog_list li.active ul {
    display: block;
}

#folderNavWrap .folderSect_new #fTitle {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#catalogListTab {
    padding: 5px !important;
}

.container_reg.reg_cont #forgot {
    padding-top: 145px;
}

/* New Design Styles Ends*/

/*Tracking Styles*/
.tracking_sidebar {
    position: fixed;
    top: 74px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    margin-left: -16px;
    border-left: 1px solid #9c9c9c;
    width: 220px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 10px;
    z-index: 9999 !important;
    margin-left: 0px;
}

.track_side_header {
    position: absolute;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 9;
    height: 73px;
    border-bottom: 1px solid #ccc;
}

    .track_side_header h3 {
        line-height: 15px;
        font-weight: 500;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-size: 14px;
        padding-top: 27px;
    }

.track_side_content {
    position: relative;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 74px;
}

.tracking_dates {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-bottom: 130px;
}

    .tracking_dates li a {
        line-height: 35px;
        border-bottom: 1px solid #ccc;
        display: block;
        padding-left: 18px;
        font-size: 14px;
        font-weight: 500;
    }

        .tracking_dates li a.active, .tracking_dates li a:hover {
            font-weight: 700;
            font-size: 15px;
            color: #6f2a70;
        }

.tracking_main {
    width: 100%;
    padding-left: 222px;
    margin-top: 18px;
    box-sizing: border-box;
    min-height: 40px;
}

.tracking_list {
    padding-top: 74px;
    overflow: auto;
}

.tracking_main .tracking_item_header {
    position: fixed;
    width: 100%;
    background: #fcf9f7;
    border-bottom: 1px solid #ccc;
    margin-top: -74px;
    height: 74px;
    overflow: hidden;
}

    .tracking_main .tracking_item_header .tracking_item_header_inner {
        padding-right: 222px;
        padding-left: 10px;
        padding-top: 17px;
        padding-bottom: 17px;
    }

        .tracking_main .tracking_item_header .tracking_item_header_inner div {
            float: left;
        }

            .tracking_main .tracking_item_header .tracking_item_header_inner div p {
                font-size: 14px;
                font-weight: 500;
                line-height: 40px;
                padding: 0px 5px;
                color: #4d4e4d;
            }

.trk_title {
    width: 57%;
}

.trk_date {
    width: 17%;
}

.trk_count {
    width: 8%;
}

.tracking_list_item .trk_count p {
    margin-left: 5px;
}

.trk_open_dates {
    width: 17%;
}

.tracking_list_item {
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
    padding-left: 10px;
}

    .tracking_list_item div {
        float: left;
    }

        .tracking_list_item div p, .tracking_list_item div li {
            font-size: 14px;
            font-weight: 500;
            padding: 0px 5px;
            color: #4d4e4d;
            line-height: 22px;
        }

        .tracking_list_item div a {
            font-size: 14px;
            font-weight: 500;
            padding: 0px 5px;
            color: #415a98;
            line-height: 22px;
            display: inline-block;
        }

        .tracking_list_item div p span, .tracking_list_item div li span {
            display: inline;
        }

.expand_div li {
    display: none;
}

.trk_open_dates .expand {
    font-size: 13px;
}

.tracking_mobile, #cover2 {
    display: none;
}

/*.trk_count .none {
    background: red;
    display: inline-block;
    color: #fff;
    line-height: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}*/
/*Tracking Styles Ends*/

/*New Landing Page Styles*/
#nav #sign_up_free {
    border-right: 0px solid #58595b;
    background: #f3b33f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 9px;
    color: #fff !important;
    margin-left: 10px;
}

#folderNavWrap #sidebarBlocks {
    overflow: auto;
    position: relative;
    width: 220px !important;
    -webkit-overflow-scrolling: touch;
    z-index: 999999999 !important;
    
}
    #folderNavWrap #sidebarBlocks.pactive {
        padding-bottom: 235px;
    }
.sidebarBlock {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

    .sidebarBlock h3 {
        line-height: 20px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 700;
        font-size: 14px;
        color: #702970 !important;
    }

    .sidebarBlock ol {
        list-style: none;
        padding-left: 0px;
        margin-left: 0px;
    }

    .sidebarBlock ul {
        list-style: none;
        padding-left: 0px;
        margin-left: 0px;
    }

        .sidebarBlock ul.no_style {
            list-style: none;
            padding-left: 0px;
            margin-left: 0px;
        }

    .sidebarBlock li {
        font-weight: 400;
        font-size: 13px;
        margin-bottom: 5px;
        border-bottom: 1px solid #eceded;
    }

        .sidebarBlock li:last-child {
            border-bottom: 1px solid #fff;
        }

        .sidebarBlock li a {
            line-height: 16px;
            font-weight: 400;
            font-size: 13px;
        }

            .sidebarBlock li a:hover {
                line-height: 13px;
                font-weight: 400;
                font-size: 13px;
                line-height: 16px;
            }

    .sidebarBlock > a {
        line-height: 16px;
        font-weight: 400;
        font-size: 13px;
        padding-left: 20px;
        font-style: italic;
        color: #6eb9e7 !important;
    }

    .sidebarBlock li.active, .sidebarBlock li.active a, .sidebarBlock li a:hover, .sidebarBlock li:hover, .sidebarBlock li:hover a {
        /*font-weight: 700 !important;*/
        font-size: 13px !important;
        font-weight: 400;
    }

.action_poup {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0, .5);
    position: fixed;
    z-index: 99999999;
    top: 0;
    bottom: 0;
    display: none;
}

.ac_inner_content {
    width: 500px;
    height: 130px;
    left: auto;
    right: auto;
    position: relative;
    top: 50%;
    margin: 0 auto;
    padding: 50px 15px;
    background: #fff !important;
    border: 10px solid rgb(252, 189, 58);
    border-radius: 20px !important;
    text-align: center;
    overflow: visible !important;
    margin-top: -115px;
}

    .ac_inner_content p {
        font-size: 16px;
        font-weight: 500;
    }

.ac_sing_up {
    background: #f3b33f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 20px;
    color: #fff !important;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.ac_sing_in {
    font-size: 12px !important;
}

    .ac_sing_in a {
        color: #6f2a70 !important;
    }

#ac_close {
    position: absolute;
    top: -19px;
    right: -19px;
}

#premium_close {
    position: absolute;
    top: -19px;
    right: -19px;
}

.contentSelectBox .whiteBkg a {
    width: 24% !important;
    /*border-right: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;*/
    vertical-align: middle !important;
    display: inline-block !important;
    text-align: center;
}

    .contentSelectBox .whiteBkg a span {
        /*font-size: 11px !important;*/
        display: block !important;
    }

    /*.contentSelectBox .whiteBkg a.lb_sendBtn {
        border-right: 0px solid #4d4d4d;
        width: 50% !important;
    }
        .contentSelectBox .whiteBkg a.lb_sendBtn{
            margin-top:1px;
        }
        .contentSelectBox .whiteBkg a.lb_sendBtn span {
            font-size: 12px !important;
            margin-left:4px;
            display: inline-block !important;
        }*/

.landing_defalut_content {
    /*max-width: 1200px;*/
    margin: 0 auto 50px auto;
    /*padding: 0px 15px 15px;
    padding-right: 20px;*/
    text-align: center;
}

  .Hideleftspace{
        margin-left: -12px !important;
    }

    .landing_defalut_content h1 {
        font-size: 42px;
        line-height: 26px;
        color: #6f2a70 !important;
        font-weight: 700;
        margin-bottom: 30px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 800;
    }

    .landing_defalut_content p {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        padding-bottom: 10px;
        font-family: 'Futura';
        margin-top: 5px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

        .landing_defalut_content p b {
            font-weight: 700;
            font-size: 20px;
            font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
            font-weight: 500;
        }

   /*.landing_defalut_content span {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        padding-bottom: 10px;
        font-family: 'Futura';
        margin-top: 5px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }*/

.devider {
    width: 150px;
    height: 1px;
    background: rgb(77,77,77);
    margin: 0 auto;
    clear: both;
    margin-bottom: 20px;
}

.landing_defalut_content p a {
    color: #f26631;
}

.img_boxes {
    width: 100%;
}

    .img_boxes img {
        margin: 10px;
        max-width: 100%;
    }

    .img_boxes .img_box_50 {
        width: 50%;
        float: left;
    }

    .img_boxes .img_box_100 {
        width: 100%;
        float: left;
    }

    .img_boxes .img_box_inner {
        position: relative;
    }

    .img_boxes .img_inner_content {
        position: absolute;
        width: 90%;
        max-height: 90%;
        padding: 5%;
        overflow: hidden;
        top: 0px;
        text-align: left;
    }

    .img_boxes .img_box_3 .img_inner_content {
        top: 50%;
        width: 250px;
        margin-top: -125px;
        padding-left: 80px;
    }

    .img_boxes .img_box_4 .img_inner_content, .img_boxes .img_box_5 .img_inner_content {
        top: 50%;
        margin-top: -65px;
        padding-left: 80px;
    }

    .img_boxes .img_inner_content p {
        color: #fff;
        padding: 10px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
        font-size: 20px;
        line-height: 35px;
    }

    .img_boxes .img_inner_content span {
        color: #fff;
        padding-left: 10px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 400;
        font-size: 16px;
    }

.all_source_list li {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    color: #6eb9e7 !important;
}

.all_source_list .list_50 {
    width: 45%;
    float: left;
    list-style-position: outside;
    padding-left: 4%;
    cursor:pointer;
}

.img_portfolio {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    box-sizing:border-box;
}

.img_portfolio {
    text-align: left;
}

    .img_portfolio hr {
        margin-left: 10px;
        margin-right: 10px;
        border: 0px;
        border-bottom: 1px solid #ccc;
        clear: both;
    }

    .img_portfolio > div {
        cursor: pointer;
    }

    .img_portfolio .box_2 {
        width: 50%;
        float: left;
    }

    .img_portfolio .box_4 {
        width: 25%;
        float: left;
    }

    .img_portfolio .box_3 {
        width: 33.3%;
        float: left;
    }

.box_inner {
    margin: 5px 10px;
}

.img_portfolio img {
    width: 100%;
}

.spotImg{
    width: 99% !important;
}
.img_portfolio h1 {
    font-weight: 700;
    font-size: 21px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 800;
    line-height: 28px;
    padding: 0px 10px;
    margin-bottom: 5px;
    color: #702970;
}

.img_portfolio h2 {
    font-weight: 700;
    font-size: 18px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 800;
    line-height: 28px;
    padding: 0px 10px;
    margin-bottom: 5px;
     color:#414042; /*#702970;*/
}

.img_portfolio h2 span {
    font-weight: 300;
    font-size: 26px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    /*display:inline;*/
    line-height: 28px;
    /*padding: 0px 4px;*/
    margin-bottom: 5px;
     color:#414042; /*#702970;*/
}

.full_banner {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

    .full_banner img {
        width: 100%;
        padding: 5px 10px;
    }

.banner_info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(50,61,73,0.5);
    padding: 20px 15px;
    text-align: left;
    width: 400px;
}

    .banner_info h2 {
        font-weight: 700;
        font-size: 30px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 800;
        line-height: 28px;
        color: #fff;
        margin-bottom: 10px;
    }

    .banner_info p {
        color: #fff;
        padding-bottom: 0px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

.box_cliets .box_inner {
    height: 100px;
    /*border:1px solid #ccc;*/
    text-align: center;
    padding: 20px 5px;
    margin-bottom: 15px;
}

.box_client_bordered {
    position: relative;
}

    .box_client_bordered::after {
        content: "";
        width: 1px;
        height: 90%;
        position: absolute;
        right: 0px;
        top: 0px;
        background: #ccc;
    }

.box_cliets .box_inner img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.box_cliets .box_inner p {
    visibility: hidden;
    height: 0px;
    font-size: 0px;
}

.color_boxes .box_inner {
    position: relative;
}

    .color_boxes .box_inner span {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 700;
        top: 50%;
        margin-top: -10px;
    }

.main_slider_outer {
    /*padding: 0px 10px 10px;*/
}

.main_slider {
    position: relative;
    width: 100%;
}

.slide_3_info {
    position: absolute;
    width: 500px;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .slide_3_info h2 {
        font-size: 35px;
        line-height: 40px;
        color: #fff;
        font-weight: 700;
        margin-top: 15%;
        margin-bottom: 30px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 800;
    }

    .slide_3_info p {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

    .slide_3_info a {
        font-size: 18px;
        display: inline-block;
        line-height: 26px;
        color: #525352;
        background: #ffffff;
        padding: 10px 20px;
        font-weight: 700;
        width: 200px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

.slide_2_info {
    position: absolute;
    width: 500px;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .slide_2_info h2 {
        font-size: 35px;
        line-height: 40px;
        color: #fff;
        font-weight: 700;
        margin-top: 15%;
        margin-bottom: 30px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 800;
    }

    .slide_2_info p {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }


    .slide_2_info span {
        font-size: 18px;
        display: inline-block;
        line-height: 30px;
        color: #fff;
        font-style: italic;
        padding: 10px 20px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 500;
    }

.slider1_content_left {
    width: 45%;
    left: 0px;
    top: 0px;
    padding: 20px;
    position: absolute;
    text-align: left;
}

    .slider1_content_left img {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .slider1_content_left p {
        line-height: 28px;
        padding-left: 5px;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    }

}

.slider1_content_left p b {
    font-size: 16px !important;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 700;
    font-weight: bolder !important;
}

.slider1_content_left p a {
    border-bottom: 1px solid #ccc;
    color: rgb(77,77,77);
}

.slider1_content_left .line {
    width: 70%;
    height: 1px;
    background: #ccc;
    margin: 10px 5px;
}

.slider1_content_left .play_btn {
    position: relative;
    font-size: 32px;
    font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
    font-weight: 70;
    margin-top: 55px;
}

    .slider1_content_left .play_btn img {
        width: 18px !important;
        display: none !important;
        margin: 0px !important;
        position: absolute;
        left: 0px;
        top: 4px;
        display: none !important;
    }

.slider1_content_left .play_btn {
    /*padding-left: 29px !important;*/
}

.slider1_content_right {
    width: 45%;
    right: 0px;
    top: 0px;
    position: absolute;
    height: 100%;
    text-align: center;
    padding: 10px;
}

    .slider1_content_right img {
        vertical-align: middle;
        display: inline-block !important;
        max-height: 100%;
        max-width: 100%;
        width: auto !important;
        margin-top: 77px;
    }

.slide_31_info {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    height: 100%;
}

    .slide_31_info h2 {
        font-size: 28px;
        line-height: 30px;
        margin-top: 10px;
        font-weight: 700;
    }

    .slide_31_info h3 {
        font-size: 22px;
        line-height: 24px;
        margin-top: 10px;
        font-weight: 700;
    }

    .slide_31_info .line {
        width: 150px;
        height: 1px;
        background: #ccc;
        margin: 10px auto 10px;
    }

    .slide_31_info a {
        margin-top: 10px;
        padding: 10px 15px;
        font-size: 16px;
        color: #38383a;
        border: 1px solid #ccc;
    }

    .slide_31_info p {
        max-width: 700px;
        margin: 0 auto;
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .slide_31_info img {
        width: auto !important;
        max-width: 400px;
        display: inline-block !important;
        /*margin:10px 0px;*/
        margin: 33px 0px;
    }

.main_slider .owl-controls {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 100%;
}

.main_slider .owl-nav {
    width: 100%;
}

.main_slider .item {
    position: relative;
}

.main_slider .owl-nav div, .main_slider .slick-arrow {
    width: 35px;
    height: 35px;
    background: rgba(0,0,0,0.5);
    font-size: 0px;
    padding: 5px;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}
.ms_header_inner .ms_close span {
    font-weight: 500;
    font-size: 11px;
    padding-top: 1px;
}
.main_slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    z-index: 9;
}

.main_slider .owl-nav .owl-prev, .main_slider .slick-prev {
    float: left;
    left: 0px;
    background-image: url('../../Images/sli_left_arrow.png');
}

.main_slider .owl-nav .owl-next, .main_slider .slick-next {
    float: right;
    right: 0px;
    background-image: url('../../Images/sli_right_arrow.png');
}
.cdcImage {
    cursor: pointer;
}
.cdcImage1 {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 40% 50%;
    cursor: pointer;
    opacity: 0.1;
}

#vdTour {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 40% 50%;
    cursor: pointer;
    /*opacity:0.1;*/
    /*border:1px solid black;*/
}

#HWcont {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 40% 50%;
    cursor: pointer;
}

.show_mobile {
    display: none;
}

.slick-slide img {
    width: 100%;
}

.folder_mainlist {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    list-style: none;
}

.iW700p > .abs.xl205.ixl205.yt56.oFlowShow.z2 {
    z-index: 99;
}

.folder_mainlist li > div, .folder_mainlist li > a, .folder_mainlist li > #catalogListTab {
    padding-left: 35px !important;
    display: block;
    min-height: 20px !important;
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    cursor: pointer;
    font-weight: 700;
    border: 2px solid #fff !important;
}

    .folder_mainlist li > div.outlineGold, .folder_mainlist li > a.outlineGold, .folder_mainlist li > #catalogListTab.outlineGold {
        border: 2px solid rgb(252, 189, 58) !important;
    }

    .folder_mainlist li > div span, .folder_mainlist li > a span, .folder_mainlist li > #catalogListTab span {
        font-size: 14px !important;
        color: #5e5f60 !important;
        /*color: #702970 !important;*/
        font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
        padding-top: 3px;
        padding-left: 7px;
    }

.folder_mainlist li .outlineGold span, .folder_mainlist li .outlineGold span, .folder_mainlist li .outlineGold span {
    padding-top: 3px;
    padding-left: 7px;
}

.folder_mainlist li img {
    width: 25px;
    position: absolute;
    left: 7px;
    top: 7px;
}

.folder_mainlist li .outlineGold img {
    top: 7px;
    left: 7px;
}

.ms_header {
    height: 70px;
    position: fixed;
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    z-index: 9999999999;
}

.ms_header_inner {
    padding-left: 10px;
    padding-right: 60px;
    height: 100%;
}

    .ms_header_inner .ms_close {
        position: absolute;
        top: 19px;
        right: 15px;
        text-align: center;
    }

        .ms_header_inner .ms_close span {
            font-weight: 500;
            font-size: 11px;
            padding-top: 1px;
        }

    .ms_header_inner img {
        /* max-height: 100%;
    max-width: 100%;*/
    }
    .ms_header_inner img {
        width: 20px;
    }
.main_slider .item {
    margin: 10px 10px;
}
.cdcImage1 {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 40% 50%;
    cursor: pointer;
    opacity: 0.1;
}

/*NewStoreFront css*/

#TopImg {
    width: 100%;
    background-image: url('../../Images/NewStorefrontTop.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    border-top: 1px solid #605E5E;
    background-position: center;
}

#TopImg .algolia-autocomplete {
    width: 80%;
}

.lightbulbLogo{
    width:100px;
}

#backBtn {
    margin: 10px 10px 20px 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
}

#navBarFloat .topBarLink a {
    padding: 10px 10px 10px 10px;
    margin-top: 25px;
    color: #605E5E;
    font-weight: bold;
    font-size: 13px;
}


    #navBarFloat .topBarLink a:hover {
        color: #FDB933;
    }


#sign_up_free:hover {
    background-color: #FDB933 !important;
    color: #fff !important;
}

#navBarSF {
    width: 95%;
    display: inline-block;
}

    #navBarSF img {       
        width: 300px;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

#CategoryDisplay {
    width: 85%;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
}

#firstSearchDiv {
    width: 45%;
    display: inline-block;
    height: 400px;
}
#DisplayCategory .displayTiles {
    margin-top: 30px;
    width: 80%;
    display: inline-block;
    text-align: left;
}

#CategoryDisplay .catlog_list {
    float: left;
    position: relative;
    margin-right: 20px;
    width: 48%;
    list-style-type: none;
}

/*New Landing Page Style Ends*/
/*Extra large devices  (Desktops)*/
@media (max-width: 1366px) {
    .landing_defalut_content {
            margin-left: 0px !important;
        }

        .Hideleftspace {
            margin-left: -12px !important;
        }
    #searchDiv {
        width: 100% !important;
    }
    }

    @media (max-width: 1280px) {
        .landing_defalut_content {
            margin-left: 0px !important;
        }

        .Hideleftspace {
            margin-left: -12px !important;
        }

        .slider1_content_left .play_btn {
            margin-top: 10px !important;
        }

        .slider1_content_left {
            width: 47% !important;
        }
    }

    @media (max-width: 1200px) {

        .w1000p {
            width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
        }

        .container {
            width: 100%;
        }

            .container .border_gray {
                margin-left: 15px;
                margin-right: 15px;
            }

        .container_reg {
            width: 100%;
            margin: 0 auto;
        }

        /*Tracking Styles Starts*/
        .tracking_dates li a {
            font-size: 13px;
        }

            .tracking_dates li a.active {
                font-size: 14px;
            }

        .tracking_main .tracking_item_header .tracking_item_header_inner div p {
            font-size: 13px;
        }

        .tracking_list_item div a {
            font-size: 13px;
        }

        .tracking_list_item div p, .tracking_list_item div li {
            font-size: 13px;
        }

        .trk_title {
            width: 50%;
        }

        .trk_date {
            width: 21%;
        }

        .trk_count {
            width: 8%;
        }

        .trk_open_dates {
            width: 21%;
        }

        .landing_defalut_content {
            margin-left: 0px !important;
        }

        .Hideleftspace {
            margin-left: -12px !important;
        }

        .img_boxes .img_inner_content p {
            font-size: 18px;
            line-height: 25px;
        }

        .img_boxes .img_inner_content span {
            font-size: 14px;
        }


        .slide_3_info h2 {
            font-size: 25px;
            line-height: 30px;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .slide_3_info a {
            font-size: 14px;
            line-height: 20px;
            padding: 5px 20px;
        }



        .slide_2_info h2 {
            font-size: 25px;
            line-height: 30px;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .slide_2_info span {
            font-size: 14px;
            line-height: 20px;
        }

        .slide_3_info p {
            line-height: 22px;
        }

        .slider1_content_left img {
            margin-top: 10px;
            margin-bottom: 15px;
        }

        .slider1_content_left p {
            font-size: 13px;
            line-height: 18px;
        }

        .slide_31_info h2 {
            font-size: 18px;
            line-height: 20px;
            margin-top: 10px;
        }

        .slide_31_info h3 {
            font-size: 14px;
            line-height: 16px;
            margin-top: 10px;
        }

        .slide_31_info img {
            max-width: 100px;
        }

        .slide_31_info p {
            font-size: 13px;
            line-height: 18px;
            margin-bottom: 10px;
            padding: 0px 5px;
        }

        .slide_31_info a {
            margin-top: 5px;
            padding: 5px 15px;
            font-size: 14px;
        }

        .slider1_content_left .play_btn {
            font-size: 25px;
        }

            .slider1_content_left .play_btn img {
                width: 14px !important;
                display: none !important;
                margin: 0px !important;
                position: absolute;
                left: 0px;
                top: 2px;
            }

        #footer #menuMainFoot {
            width: 100%;
        }
        /*NewStoreFront*/ 
        #navBarSF {
            width: 90%;
        }
        #CategoryDisplay {
            width: 90% !important;
        }

        .catlog_list > li > label{
            font-size: 14px !important;
        }

        #CategoryDisplay .catlog_list {
            width: 45%;
        }
        #firstSearchDiv {
            width: 65%;
        }
        #DisplayCategory .displayTiles {
            width: 90%;
        }
        #DisplaySubCategoryTiles .contentSelectBox, #DisplayAlgoliaTiles .contentSelectBox{
            margin-right:15px;
        }

    }
    /*Large devices (Desktops)*/
    @media (max-width: 1024px) {
        #imageHolder .register_msgs {
            width: 100% !important;
        }

        #imageHolder {
            padding-bottom: 20px !important;
        }

        .landing_defalut_content p {
            font-size: 12px;
            line-height: 14px;
        }

        /*.landing_defalut_content span {
        font-size: 12px;
        line-height: 14px;
        color: rgb(77,77,77);
    }*/

        .box_4 .box_inner {
            min-height: 140px;
        }

        .color_boxes .box_4 .box_inner {
            min-height: auto;
        }

        #DisplayCategory .displayTiles {
            width: 95%;
        }

    }
    /*Large devices (Desktops)*/
    @media (max-width: 992px) {
        #nav .navMenuLink {
            padding: 0px 10px 0 10px;
        }

        #fileSelect .formSect {
            width: 100% !important;
            margin-left: 0px !important;
            margin-top: 5px;
        }

        .container_reg #imageHolder {
            padding-top: 20px;
            margin-right: 30px;
            float: none;
        }

        .tracking_main .tracking_item_header .tracking_item_header_inner div p {
            line-height: 18px;
            padding: 5px 5px;
        }

        .img_boxes .img_box_50 {
            width: 100%;
        }

        .img_boxes .img_box_3 .img_inner_content {
            margin-top: -90px;
        }

        .landing_defalut_content {
            margin-left: 0px !important;
        }

        .Hideleftspace {
            margin-left: -12px !important;
        }

        .box_4 .box_inner {
            min-height: 100px;
        }

        .color_boxes .box_inner span {
            font-size: 14px;
        }

        .main_slider .item {
            margin: 10px 0px;
        }


        .slider1_content_left {
            padding: 10px;
        }

            .slider1_content_left p {
                font-size: 11px;
                line-height: 14px;
            }

                .slider1_content_left p b {
                    font-size: 11px;
                }

        .slide_31_info h2 {
            font-size: 14px;
            line-height: 16px;
            margin-top: 5px;
        }

        .slide_31_info h3 {
            font-size: 12px;
            line-height: 14px;
            margin-top: 5px;
        }

        .slide_31_info img {
            max-width: 100px;
            margin: 5px auto;
        }

        .slide_31_info p {
            font-size: 11px;
            line-height: 14px;
            margin-bottom: 10px;
            padding: 0px 5px;
        }

        .slide_31_info a {
            margin-top: 5px;
            padding: 5px 15px;
            font-size: 11px;
        }

        .slider1_content_left .play_btn {
            font-size: 20px;
        }

        #content {
            padding-bottom: 190px !important;
        }


            #content.mobileApp {
                padding-bottom: 0px !important;
            }

        #footer #menuMainFoot {
            width: 100%;
        }

            #footer #menuMainFoot > .floatLeft {
                width: 48%;
                float: left;
                margin-bottom: 20px;
            }       

        #firstSearchDiv{
            width:70%;
        }
        #navBarFloat .topBarLink a {
            padding: 10px 9px 10px 9px;
            font-size: 12px;
        }

    }

@media (max-width: 805px) {

    #navBarSF {
        width: 95%;
    }
}
    /*Medium devices  (Tablets)*/
    @media (min-width: 768px) {
        .info_title {
            font-size: 18px;
        }
    }

    @media (max-width: 769px) {


        .Search_from_1 .oFlowShow {
            width: 58%;
        }


        #ajaxCover > div {
            width: 90% !important;
            margin-left: 5%;
        }

        #nav > .mlr70 {
            margin-left: 15px;
            margin-right: 15px;
        }

        .img_portfolio {
            padding-left: 0px !important;
        }

        #CategoryDisplay .catlog_list{
            width:100%;
        }


    }

    @media (max-width: 700px) {
        #nav #menuMain > .oFlowShow {
            top: 48px !important;
        }

        #nav {
            height: 100px;
        }

        #folderNavWrap .folderSect_new {
            top: 100px !important;
        }

        #folderNavWrap #folderNav {
            top: 0px !important;
        }

        #content {
            padding-top: 80px !important;
        }

        /*NewStoreFrontMobile CSS*/
        #TopImg {
            height: 350px;
            background-position: bottom;
        }
        .lightbulbLogo {
            width: 80px;
        }

        #backBtn {
            margin: 10px 10px 10px 10px;
        }

        #premiumModal .ac_inner_content{
            width: 76% !important;
            height:auto !important;
        }
       
        #TopImg .algolia-autocomplete {
            width: 90%;
        }


    }

    @media (max-width:767px) {
        html {
            -webkit-text-size-adjust: 100%;
        }

        #formField, #formField #signIn {
            width: 100% !important;
            padding-bottom: 30px;
        }

        #content {
            padding-bottom: 190px !important;
        }

            #content.mobileApp {
                padding-bottom: 0px !important;
            }

        #footer {
            margin-top: 0px;
        }

            #footer #menuMainFoot {
                width: 100%;
            }

                #footer #menuMainFoot > .floatLeft {
                    width: 48%;
                    float: left;
                    margin-bottom: 20px;
                }

        #formField > .w510p {
            width: 100% !important;
        }

        .container_reg.reg_cont #forgot {
            padding-top: 25px;
            padding-bottom: 30px;
        }

        #nav .navMenuLink {
            padding: 0px 6px 0 6px !important;
        }

        #nav #menuSignIO {
            width: 70px !important;
        }

        #folderNavWrap {
            position: fixed !important;
            width: 230px !important;
            top: 0px;
            z-index: 9999999 !important;
            background: #fff;
            height: 100%;
            margin-left: -100% !important;
        }

            #folderNavWrap .ms_mobilemenu_inner {
                position: fixed !important;
                width: 230px !important;
                top: 0px;
                z-index: 9999999 !important;
                background: #fff;
                height: 100%;
                margin-left: -100% !important;
            }

            #folderNavWrap .folderSect_new {
                z-index: 99999999 !important;
            }

            #folderNavWrap.active {
                height: 100% !important;
                margin-left: 0px !important;
            }

                #folderNavWrap.active .ms_mobilemenu_inner {
                    height: 100% !important;
                    margin-left: 0px !important;
                }

                #folderNavWrap.active .ms_header {
                    left: 0px;
                }

                #folderNavWrap.active .folderSect_new {
                    left: 0px !important;
                    width: 100%;
                    border-left: 0px solid #9c9c9c;
                    border-right: 0px solid #9c9c9c;
                }

                #folderNavWrap.active #folderNav {
                    left: 0px !important;
                    padding-bottom: 0px !important;
                }

                    #folderNavWrap.active #folderNav #fSysCtrl {
                        padding-bottom: 175px;
                    }

            #folderNavWrap .folderSect_new {
                top: 0px !important;
            }

            #folderNavWrap #folderNav {
                top: 0px !important;
            }

        #cResponse {
            width: 100%;
            padding-left: 20px;
            /* min-height: 200px;*/
            margin-top: 90px;
        }

            #cResponse.active {
                margin-top: 140px;
            }

        #aResponse {
            width: 100%;
            padding-left: 20px !important;
        }

        .searchbar_main {
            padding-left: 0px;
            height: auto !important;
        }

        #folderNavWrap.active::before {
        }

        #cover, #cover1, #cover2 {
            position: fixed;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.3);
            top: 0px;
            z-index: 9999999;
            display: none;
        }

            #cover2 img {
                width: 30px;
                margin-left: 222px;
                margin-top: 30px;
            }

        #cover1 {
            z-index: 999999;
        }

        #ptList > .w48P {
            width: 92%;
        }

        .Search_from_1 .oFlowShow {
            width: 46%;
        }

        #nav #menuMain > .oFlowShow {
            top: 72px !important;
            right: 0px !important;
            width: 160px;
            padding: 0px 10px;
            background: rgba(0,0,0,0.7);
            height: 100%;
            position: fixed !important;
            display: none;
        }

            #nav #menuMain > .oFlowShow a {
                display: block !important;
                width: 100%;
                color: #fff !important;
                border-left: 0px !important;
            }

                #nav #menuMain > .oFlowShow a#navCategory {
                    display: none !important;
                }

        #nav #menuSignIO {
            width: 100% !important;
            text-align: left;
        }

        .mainmenu_toggle {
            display: block !important;
        }

        #TopSearch{
            display: none !important;
        }

        #TopImg input[type="text"]{
            border-radius: 5px !important;
            box-sizing:border-box !important;
        }
        #cResponse, #aResponse {
            padding-left: 10px !important;
        }

        #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
            margin-right: 10px;
            width: 46%;
            max-width: 208px;
        }

            #viewCont .contentSelectBox .ml25.mr25, #userviewCont .contentSelectBox .ml25.mr25 {
                margin-right: 10px;
                margin-left: 10px;
            }

            #viewCont .contentSelectBox .whiteBkg, #userviewCont .contentSelectBox .whiteBkg {
                height: 45px;
            }

                #viewCont .contentSelectBox .whiteBkg a, #userviewCont .contentSelectBox .whiteBkg a {
                    margin-left: 0px;
                    float: left;
                    height: 35px;
                }


                #viewCont .contentSelectBox .whiteBkg img, #userviewCont .contentSelectBox .whiteBkg img {
                    /* width: 35px !important;*/
                    width: 22px !important;
                    margin-top: 5px !important;
                }

                #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
                    width: 30px !important;
                    margin-top: 5px !important;
                }

                #viewCont .contentSelectBox .whiteBkg .lb_sendBtn, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn {
                    padding-left: 2.1px !important;
                }

                #viewCont .contentSelectBox .whiteBkg .previewBtn img, #userviewCont .contentSelectBox .whiteBkg .previewBtn img {
                    /* width: 35px !important;*/
                    width: 28px !important;
                    margin-top: 5px !important;
                }

            #viewCont .contentSelectBox .tileStxtC, #userviewCont .contentSelectBox .tileStxtC {
                font-size: 10px !important;
            }

            #viewCont .contentSelectBox .whiteBkg span, #userviewCont .contentSelectBox .whiteBkg span {
                font-size: 11px !important;
                display: none !important;
            }

        .Search_from_1 .oFlowShow {
            width: 96%;
            margin-left: 1.5%;
            display: block !important;
            min-height: 45px;
        }

        .Search_from_1 {
            padding-left: 0px;
            min-height: 50px;
        }

            .Search_from_1 #filterForm .w84P {
                padding: 10px 10px !important;
                padding-right: 67px !important;
                font-size: 15px;
            }

            .Search_from_1 #EmptyTxt {
                top: 9px;
            }

                .Search_from_1 #EmptyTxt img {
                    width: 22px;
                }

            .Search_from_1 .search_icn {
                top: 9px;
            }

                .Search_from_1 .search_icn img {
                    width: 22px;
                }

            .Search_from_1 .vBottom > img {
                width: 30px !important;
                margin-left: 5px;
            }

            .Search_from_1 .vBottom > span {
                margin-left: 5px;
            }

            .Search_from_1 .vBottom.mr15 {
                margin-right: 8px;
                padding-top: 3px;
            }

        #la_addto > img {
            padding-left: 6px !important;
        }

        .searchbar_main {
            padding-top: 13px;
            padding-bottom: 0px;
            margin-top: -6px;
            min-height: 60px;
        }

        .folders_tab {
            display: inline-block;
            margin-right: 10px;
        }

        .selected_folder_name {
            display: inline-block;
        }

        #nav {
            height: auto;
        }

        #content {
            padding-top: 55px !important;
        }

            #content.active {
                padding-top: 80px !important;
            }

                #content.active #nav {
                    height: 100px;
                }


        #viewCont.commonhide {
            /* padding-top: 15px;*/
        }

        #viewCont {
            padding-left: 0px;
        }

            /* #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
            width: 30px;
            left: -13px;
            top: -18px;
        }*/
            #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
                bottom: 11px;
                left: 11px;
            }

        .width50 {
            width: 100%;
        }

        .width33 {
            width: 100%;
        }

        .width66 {
            width: 100%;
        }

        .width100 {
            width: 100%;
        }

        .container .paymnetgatway {
            width: 100%;
        }

        .billing_info {
            width: 100%;
        }

        .couponcode_btn .field {
            width: 64% !important;
        }

        .error {
            width: 100%;
            font-size: 14px;
        }

        .catlog_list_main {
            margin-left: -4px;
            margin-top: 110px;
        }

            .catlog_list_main .info_title {
                margin-top: -19px;
                font-size: 14px !important;
                padding: 10px 5px 8px 9px;
            }
        /*Tracking Styles Starts*/
        .tracking_sidebar {
            left: -230px;
            top: 0px;
            z-index: 9999999 !important;
        }

            .tracking_sidebar.active {
                left: 0px;
            }

        .tracking_main {
            padding-left: 0px;
            margin-top: 12px;
        }

            .tracking_main .tracking_item_header .tracking_item_header_inner {
                padding-right: 0px;
            }

        .trk_title, .trk_date, .trk_count, .trk_open_dates {
            width: 100%;
        }

        .tracking_item_header {
            display: none;
        }

        .tracking_list {
            padding-top: 40px;
        }

        .trk_title_main {
            position: relative;
            padding-left: 52px !important;
        }

            .trk_title_main::before {
                position: absolute;
                left: 4px;
                content: "Title:";
                text-transform: uppercase;
                color: #4d4e4d;
            }

        .trk_date p {
            position: relative;
            padding-left: 92px !important;
        }

            .trk_date p::before {
                position: absolute;
                left: 4px;
                content: "Date Sent:";
                text-transform: uppercase;
                color: #4d4e4d;
            }

        .trk_count p {
            position: relative;
            margin-left: 57px !important;
        }

            .trk_count p::before {
                position: absolute;
                left: -52px;
                content: "Opens:";
                text-transform: uppercase;
                color: #4d4e4d;
            }

        .trk_open_dates .expand_div {
            position: relative;
            padding-left: 117px !important;
            list-style: none;
        }

            .trk_open_dates .expand_div::before {
                position: absolute;
                left: 4px;
                content: "When Opened:";
                text-transform: uppercase;
                color: #4d4e4d;
                font-size: 13px;
                font-weight: 500;
                top: 10px;
            }

        .trk_open_dates .expand {
            padding-left: 117px !important;
        }

        .tracking_mobile {
            display: block;
            padding: 0px 5px;
            background: #f2f2f2;
            border-bottom: 1px solid #ccc;
            position: fixed;
            width: 100%;
            cursor: pointer;
            z-index: 99;
            height: 40px;
        }

            .tracking_mobile img {
                width: 38px;
                margin-left: 5px;
            }

        .slider1_content_left img {
            margin-top: 10px;
            margin-bottom: 15px;
        }

        .slider1_content_left p {
            font-size: 13px;
            line-height: 18px;
        }

        .slide_31_info h2 {
            font-size: 18px;
            line-height: 20px;
            margin-top: 10px;
        }

        .slide_31_info h3 {
            font-size: 14px;
            line-height: 16px;
            margin-top: 10px;
        }

        .slide_31_info img {
            max-width: 180px;
            margin: 30px 0px 0px 0px;
        }

        .slide_31_info p {
            font-size: 13px;
            line-height: 18px;
            margin-bottom: 20px;
            padding: 0px 5px;
            max-width: 600px;
        }

        .slide_31_info a {
            margin-top: 5px;
            padding: 5px 15px;
            font-size: 14px;
        }

        /*Tracking Styles Ends*/


        /*Landing Page Styles*/
        #nav #sign_up_free {
            width: 80% !important;
            margin-left: 0px;
            padding: 10px !important;
        }



        .all_source_list .list_50 {
            width: 100%;
        }

        .landing_defalut_content {
            margin-left: 0px !important;
            padding-left: 0px;
        }
        /*Landing Page Styles Ends*/
        .all_source_list .list_50 {
            width: 95%;
            padding-left: 5%;
        }

        .slide_3_info {
            width: 100%;
        }

            .slide_3_info h2 {
                font-size: 25px;
                line-height: 30px;
                margin-top: 30px;
                margin-bottom: 20px;
            }

            .slide_3_info a {
                font-size: 14px;
                line-height: 20px;
            }

        .slide_2_info {
            width: 90%;
        }

            .slide_2_info h2 {
                font-size: 25px;
                line-height: 30px;
                margin-top: 30px;
                margin-bottom: 20px;
            }

            .slide_2_info span {
                font-size: 14px;
                line-height: 20px;
            }

        .show_mobile {
            display: block;
        }

        #folderNavWrap {
            top: 0px !important;
            width: 100% !important;
        }

            #folderNavWrap .ms_mobilemenu_inner {
                top: 0px !important;
                width: 100% !important;
            }

            #folderNavWrap #sidebarBlocks {
                width: 100% !important;
                border-left: 0px solid #4d4d4d;
                border-right: 0px solid #4d4d4d;
                padding-bottom: 0px;
            }

        .ms_menu {
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
            padding-top: 70px;
        }

            .ms_menu a {
                padding: 0px 10px 0 10px;
                margin-top: 15px;
                line-height: normal;
                font-size: 14px !important;
                line-height: 14px;
                font-weight: 700 !important;
                color: #5e5f60 !important;
            }

                .ms_menu a:hover, .ms_menu a:focus {
                    font-size: 14px !important;
                    line-height: normal;
                    font-weight: 700 !important;
                    line-height: 14px;
                    color: #6f2a70 !important;
                }

        .search_btns {
            position: absolute;
            right: 0px;
            top: 7px;
        }

        .mobileApp .folderNavWrap_menu_3 {
            top: 10px !important;
            left: 10px !important;
            width: 18px !important;
            height: 18px !important;
        }

        .hidemobile_1 {
            display: none !important;
        }

        #previewBox .lineBtm .floatRight {
            width: 100%;
            text-align: right;
            border-left: 0px solid #000 !important;
        }

        #folderNavWrap #sidebarBlocks.pactive {
            padding-bottom: 0px;
        }

        .DexterWidget--3Gs4e .MessagePanel--2brm1 {
            width: 330px !important;
            height: 420px !important;
            border: 1px solid #dedada;
        }

        .DexterWidget--3Gs4e h1 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .DexterWidget--3Gs4e .p2--33Jit {
            padding: 0.3rem !important;
        }

        .DexterWidget--3Gs4e .MessagePanel-header--3At-q {
            padding: 1rem !important;
        }

        .DexterWidget--3Gs4e h1 {
            text-transform: none !important;
        }
    }

    @media (max-width:580px) {

        .couponcode_btn .field {
            width: 62% !important;
        }

        .img_portfolio .box_2 {
            width: 100%;
            float: left;
        }

        .box_client_bordered::after {
            height: 0%;
        }

        .img_portfolio .box_4 {
            width: 100%;
            float: left;
        }

        .color_boxes .box_inner span {
            font-size: 30px;
        }

        .img_portfolio .box_3 {
            width: 100%;
            float: left;
        }
        #searchDiv {
            width: 90% !important;
        }
    }

    @media (max-width:568px) {
        .couponcode_btn .field {
            width: 57% !important;
        }

        .catlog_list > li > label {
            padding-left: 25px;
        }

        .catlog_list_arrow {
            left: 5px;
            width: 13px;
            height: 13px;
            background-size: 13px 13px;
        }

        .catlog_list ul li {
            padding-left: 40px;
        }

            .catlog_list ul li .addbtn {
                left: 20px;
            }

        .ac_inner_content {
            width: 76%;
            margin-left: 5%;
            height: 160px;
        }

        .banner_info {
            padding: 10px;
            width: 90%;
        }

            .banner_info h2 {
                font-size: 20px;
            }

        .landing_defalut_content p {
            font-size: 12px;
            line-height: 16px;
        }

        /*.landing_defalut_content span {
        font-size: 12px;
        line-height: 16px;
        color: rgb(77,77,77);
    }*/

        .slide_3_info h2 {
            font-size: 18px;
            line-height: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .slide_3_info a {
            font-size: 10px;
            line-height: 14px;
            padding: 5px;
        }

        .slide_3_info p {
            padding-bottom: 5px;
        }

        .slide_2_info {
            width: 90%;
        }

        .main_slider_outer {
            margin-top: 0px;
            display: none;
        }

        .owl-carousel {
            display: block;
        }

        .slide_2_info h2 {
            font-size: 18px;
            line-height: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .slide_2_info p {
            padding-bottom: 5px;
        }

        .slide_2_info span {
            font-size: 14px;
            line-height: 20px;
        }

        #previewBox .lineBtm .txtLeft {
            padding-left: 10px;
        }

            #previewBox .lineBtm .txtLeft .floatRight {
                width: 100%;
                border-left: 0px solid #ccc;
                padding-bottom: 10px;
            }

                #previewBox .lineBtm .txtLeft .floatRight #shareBtnPre img {
                    margin-top: -10px;
                }

                #previewBox .lineBtm .txtLeft .floatRight #shareBtnPre span {
                    margin-top: -10px;
                    display: block !important;
                }

        .slider1_content_left {
            padding: 10px;
        }

            .slider1_content_left p {
                font-size: 10px;
                line-height: 12px;
            }

                .slider1_content_left p b {
                    font-size: 12px !important;
                }

        .slide_31_info h2 {
            font-size: 13px;
            line-height: 15px;
            margin-top: 5px;
        }

        .slider1_content_left {
            width: 55%;
        }

            .slider1_content_left img {
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .slider1_content_left .line {
                margin: 5px 5px;
            }

        .slide_31_info h3 {
            font-size: 11px;
            line-height: 13px;
            margin-top: 5px;
        }

        .slide_31_info img {
            max-width: 70px;
            margin: 5px auto;
        }

        .slide_31_info p {
            font-size: 10px;
            line-height: 12px;
            margin-bottom: 10px;
            padding: 0px 5px;
        }

        .slide_31_info a {
            margin-top: 5px;
            padding: 5px 15px;
            font-size: 11px;
        }

        .slider1_content_left .play_btn {
            font-size: 14px;
            margin-top: 23px;
        }

            .slider1_content_left .play_btn img {
                width: 19px !important;
                display: none !important;
                margin: 0px !important;
                position: absolute;
                left: 5px;
                top: -1px;
            }

        .all_source_list {
            padding-top: 100px;
        }

        .spotImg {
            border: 1px solid #bcbec0 !important;
        }

        .topBarLink {
            display: contents !important;
            float: right !important;
        }

            .topBarLink a {
                display: block !important;
                margin-top: 0 !important;
                color: #ffffff !important;
            }

                .topBarLink a:hover {
                    color: #FDB933 !important;
                }

        #firstSearchDiv {
            width: 95% !important;
        }

        #searchDiv {
            width: 90% !important;
        }

        #CategoryDisplay {
            width: 95% !important;
        }

        .catlog_list {
            width: 100% !important;
            margin-right: 0 !important;
            padding-top: 0 !important;
        }

        #contetMenuBtnList {
            width: 95% !important;
        }

        .displayTiles {
            margin-top: 0 !important;
            width: 95% !important;
        }


        #Sign_In {
            display: none !important;
            margin-top: 0 !important;
        }

        #sign_up_free {
            display: none !important;
            margin-top: 0 !important;
        }

        #navBarFloat {
            position: absolute !important;
            background-color: #00B6B3 !important;
            top: 80px !important;
            right: 0 !important;
            color: #ffffff !important;
            padding: 20px !important;
            text-align: left !important;
            z-index: 10 !important;
            /*display:none !important;*/
        }

        #navBarSF {
            width: 90%;
        }

        #DisplaySubCategoryTiles .contentSelectBox, #DisplayAlgoliaTiles .contentSelectBox {
            margin-right: 10px !important;
            width: 46% !important;
            max-width: 208px !important;
        }

    @media (max-width:414px) {
        .couponcode_btn #btnValidate {
            font-size: 13px !important;
            padding: 16px 14px;
        }

        .couponcode_btn .field {
            width: 52% !important;
        }

        .img_boxes .img_inner_content p {
            font-size: 14px;
            line-height: 18px;
        }

        .img_boxes .img_inner_content span {
            font-size: 12px;
        }

        .img_boxes .img_box_3 .img_inner_content {
            margin-top: -58px;
            padding-left: 35px;
        }

        .img_boxes .img_box_4 .img_inner_content, .img_boxes .img_box_5 .img_inner_content {
            padding-left: 35px;
        }


        .slider1_content_left {
            padding: 5px;
        }

            .slider1_content_left p {
                font-size: 8px;
                line-height: 10px;
                padding-bottom: 0px;
            }

                .slider1_content_left p b {
                    font-size: 10px !important;
                }

        .slide_31_info h2 {
            font-size: 12px;
            line-height: 12px;
            margin-top: 5px;
        }

        .slider1_content_left {
            width: 55%;
        }

            .slider1_content_left img {
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .slider1_content_left .line {
                margin: 5px 5px;
            }

        .slide_31_info h3 {
            font-size: 10px;
            line-height: 12px;
            margin-top: 0px;
        }

        .slide_31_info img {
            max-width: 50px;
            margin: 5px auto;
        }

        .slide_31_info .line {
            margin: 0px auto 0px;
        }

        .slide_31_info p {
            font-size: 8px;
            line-height: 10px;
            margin-bottom: 10px;
            padding: 0px 5px;
        }

        .slider1_content_right img {
            margin-top: 10px;
        }

        .slide_31_info a {
            margin-top: 5px;
            padding: 3px 15px;
            font-size: 8px;
        }
    }

    @media (max-width: 385px) {

        #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
            bottom: 11px;
            left: 9px;
        }

        .contentSelectBox .TileSelet .tileStxtC {
            font-size: 11px;
        }

    }

    @media (max-width:362px) {
        #viewCont .contentSelectBox > img, #userviewCont .contentSelectBox > img {
            width: 27px;
            bottom: 7px;
            left: 7px;
        }

        #viewCont {
            padding-left: 0px;
        }

        #multiShare {
            padding-left: 0px;
        }

        #logoN {
            width: 235px !important;
        }

        #selectedFldName {
            display: none;
        }

        .folders_tab {
            margin-right: 5px;
        }

        .info_title {
            font-size: 12px !important;
        }

        .slider1_content_left p {
            font-size: 8px;
            line-height: 8px;
            padding-bottom: 0px;
        }

        .slide_31_info p {
            font-size: 8px;
            line-height: 8px;
        }

        .slide_31_info h2 {
            font-size: 10px;
            line-height: 10px;
            margin-top: 5px;
        }

        .slide_31_info h3 {
            font-size: 8px;
            line-height: 8px;
            margin-top: 2px;
        }

        .slide_31_info img {
            max-width: 40px;
        }

        .slide_31_info a {
            padding: 1px 15px;
        }

        .color_boxes .box_inner span {
            font-size: 25px;
        }

        #TopImg {
            height: 400px;
        }

        .contentSelectBox .TileSelet .tileStxtC {
            font-size:10px;
        }

        .contentSelectBox .whiteBkg a span{
            display:none !important;
        }
        .contentSelectBox .whiteBkg a.previewBtn{
            padding-top:4px;
            padding-bottom: 4px;
        }
        .contentSelectBox .whiteBkg a.ckSelect {
            padding-top: 8px;
            padding-bottom: 7px;
        }

    }

    @media (max-width:320px) {
        .couponcode_btn .field {
            width: 45% !important;
        }

        #viewCont .contentSelectBox .whiteBkg, #userviewCont .contentSelectBox .whiteBkg {
            height: 40px;
        }

            #viewCont .contentSelectBox .whiteBkg img, #userviewCont .contentSelectBox .whiteBkg img {
                width: 20px !important;
            }

            #viewCont .contentSelectBox .whiteBkg .lb_sendBtn img, #userviewCont .contentSelectBox .whiteBkg .lb_sendBtn img {
                width: 30px !important;
            }

        .DexterWidget--3Gs4e .MessagePanel--2brm1 {
            width: 288px !important;
            height: 350px !important;
            border: 1px solid #dedada;
        }

        .DexterWidget--3Gs4e h1 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .DexterWidget--3Gs4e .p2--33Jit {
            padding: 0.3rem !important;
        }

        .DexterWidget--3Gs4e .MessagePanel-header--3At-q {
            padding: 1rem !important;
        }

        .DexterWidget--3Gs4e h1 {
            text-transform: none !important;
        }
    }
    /* ----------- iPhone 6 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #cResponse, #aResponse {
            padding-left: 10px !important;
        }

        #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
            margin-right: 10px;
            width: 46%;
        }




        .Search_from_1 #EmptyTxt {
            top: 9px;
        }

            .Search_from_1 #EmptyTxt img {
                width: 22px;
            }

        .Search_from_1 .search_icn {
            top: 9px;
        }

            .Search_from_1 .search_icn img {
                width: 22px;
            }

        .Search_from_1 .vBottom > img {
            width: 30px !important;
        }

        .Search_from_1 .vBottom.mr15 {
            margin-right: 8px;
        }

        .searchbar_main {
            padding-top: 12px;
        }

        .folders_tab {
            display: inline-block;
        }

        .selected_folder_name {
            display: inline-block;
        }

        #nav {
            height: auto;
        }

        #content {
            padding-top: 55px !important;
        }

            #content.active {
                padding-top: 80px !important;
            }

                #content.active #nav {
                    height: 100px;
                }
    }
    /* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    }
    /* ----------- iPhone 6+ ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
        #cResponse, #aResponse {
            padding-left: 10px !important;
        }

        #viewCont .contentSelectBox, #userviewCont .contentSelectBox {
            margin-right: 10px;
            width: 46%;
        }



        .Search_from_1 #EmptyTxt {
            top: 9px;
        }

            .Search_from_1 #EmptyTxt img {
                width: 22px;
            }

        .Search_from_1 .search_icn {
            top: 9px;
        }

            .Search_from_1 .search_icn img {
                width: 22px;
            }

        .Search_from_1 .vBottom > img {
            width: 30px !important;
        }

        .Search_from_1 .vBottom.mr15 {
            margin-right: 8px;
        }

        .searchbar_main {
            padding-top: 13px;
        }

        .folders_tab {
            display: inline-block;
        }

        .selected_folder_name {
            display: inline-block;
        }

        #nav {
            height: auto;
        }

        #content {
            padding-top: 55px !important;
        }

            #content.active {
                padding-top: 80px !important;
            }

                #content.active #nav {
                    height: 100px;
                }
    }
    /* Landscape */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    }
    /* ----------- iPad mini ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* ----------- iPad 1 and 2 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    }
    /* ----------- iPad 3 and 4 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    }
    /* ----------- iPad pro ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .slider1_content_left p {
            margin-top: 20px;
            font-size: 11px;
            line-height: 18px;
        }

            .slider1_content_left p b {
                font-size: 13px !important;
                font-family: "Gotham A", "Gotham B", "Franklin Gothic", Arial, "Helvetica", sans-serif !important;
                font-weight: 700;
                font-weight: bolder !important;
            }

        .slider1_content_left .play_btn {
            font-size: 19px;
            margin-top: 5px;
        }
    }
    /* Landscape */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
        .slide_31_info img {
            max-width: 294px;
        }

        .slide_31_info img {
            margin: 51px 0px 0px 0px;
        }

        .slide_31_info p {
            margin-bottom: 16px;
        }

        .slider1_content_left p b {
            font-size: 11px;
        }

        .slider1_content_left p {
            font-size: 11px;
            line-height: 19px;
            margin-top: 25px;
        }

        .slider1_content_left .play_btn {
            font-size: 20px !important;
            margin-top: 15px;
        }

        .Search_from_1 #filterForm .w84P {
            width: 100%;
            font-size: 14px;
        }
    }


    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .slide_31_info img {
            max-width: 161px;
        }

        .slide_31_info img {
            margin: 17px 0px 0px 0px;
        }

        .slide_31_info p {
            margin-bottom: 16px;
        }
    }


    @media only screen and (min-width :1360px) {
        .slider1_content_left .play_btn {
            font-size: 30px !important;
            margin-top: 15px;
        }

        .slider1_content_left p {
            font-size: 18px;
            line-height: 35px;
            margin-top: 46px;
        }

            .slider1_content_left p b {
                font-size: 18px;
            }
    }
    /*Extra large devices  (Desktops)*/
    @media (max-width: 1200px) {
    }
    /*Large devices (Desktops)*/
    @media (max-width: 1024px) {
        .slider1_content_left {
            width: 49% !important;
        }

            /*.slider1_content_left .play_btn {
            font-size: 23px;
            margin-top: 5px;
        }*/

            .slider1_content_left .play_btn img {
                display: none !important;
                width: 24px !important;
            }
    }
    /*Large devices (Desktops)*/
    @media (max-width: 992px) {
    }
    /*Medium devices  (Tablets)*/
    @media (min-width: 768px) {
    }

    @media (max-width: 769px) {
    }

    @media (max-width: 700px) {
    }

    @media (max-width:767px) {
    }

    @media (max-width:568px) {
        #cResponse, #aResponse {
            padding-left: 0px !important;
            margin-top: -21px !important;
            margin-bottom: 150px;
        }

        #mobile_Slider {
            display: block !important;
        }

        .landing_defalut_content {
            padding-right: 0px !important;
        }

        .mobileApp #cResponse {
            padding-left: 0px !important;
        }

        .mobileApp .owl-carousel {
            margin-top: 67px !important;
        }

        .mobileApp .landing_defalut_content {
            margin-left: 0px !important;
            padding-left: 0px !important;
        }

        .pl5 {
            padding-left: 0px !important;
        }

        #viewCont.commonhide {
            padding-top: 95px !important;
            padding-left: 15px !important;
        }

        .contentSelectBox:nth-child(1), .contentSelectBox:nth-child(2) {
            margin-top: 18px !important;
        }
    }

    @media (max-width:362px) {
    }
    /* ----------- iPhone 6 ----------- */
    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .slider1_content_left {
            width: 49% !important;
        }

            .slider1_content_left .play_btn {
                font-size: 14px !important;
                margin-top: 8px;
            }

                .slider1_content_left .play_btn img {
                    display: none !important;
                    width: 18px !important;
                }

            .slider1_content_left p {
                font-size: 10px;
                line-height: 12px;
                padding-bottom: 0px;
            }
    }
    /* New Design Styles Ends*/
    .FlowH {
    overflow: hidden !important;
}


#cChckList label:not(*:root) {
    padding-top: 3px !important;
}

#cChckList label:not(:root:root) {
    padding-top: 3px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */

    ::i-block-chrome, #cChckList label {
        line-height: 28px !important;
    }
}

/*Mobile Specific Banner Css*/

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    margin: 0px auto;
    -ms-touch-action: pan-y;
    margin-top: 0px;
    margin-left: 0px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #000 !important;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: relative;
    top: -42px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    border: none !important;
}

/*Mobile Specific Banner Css*/

.owl-carousel {
    display: none;
}

#mobile_Slider {
    display: none;
}
