.displaynone {
    display: none
}

.pagination {
    float: right;
    padding-right: 15px;
    text-align: right
}

.testimonial_outer {
    background: #ededed;
    float: left;
    width: 100%
}

.testimonialsection {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 1em;
    margin-top: -59px;
    padding: 7.5px
}

.testimonial_item {
    border-bottom: 1px solid #ededed;
    padding: 15px 0
}

.testi_user_image {
    background-size: 208px 121px !important;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    display: none;
    float: left;
    height: 26px;
    margin-right: 3px;
    margin-top: -2px;
    width: 26px
}

.smileybg1 {
    background: url(../../images/Smiley.jpg) no-repeat -6px -6px
}

.smileybg2 {
    background: url(../../images/Smiley.jpg) no-repeat -6px -63px
}

.smileybg3 {
    background: url(../../images/Smiley.jpg) no-repeat -35px -34px
}

.smileybg4 {
    background: url(../../images/Smiley.jpg) no-repeat -178px -5px
}

.test_video_files img,
.testi_video img {
    border-radius: 3px;
    width: 100%
}

.length_testimonial {
    overflow: hidden;
    padding: 0
}

.testimonialsright,
.testimonialsright a {
    overflow: hidden;
    position: relative
}

.testimonialsright a {
    padding: 0;
    position: relative
}

.testimonialsright img {
    border-radius: 4px;
    height: auto;
    width: 100%
}

.test_video_files:before {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f32;
    border-top: 15px solid transparent;
    content: "" !important;
    cursor: pointer;
    font-size: 20px;
    height: 0;
    left: 50%;
    position: absolute;
    top: 33%;
    width: 0
}

.graydian-theme .test_video_files:before,
.raydian-theme .test_video_files:before {
    top: 21%
}

.testimonialsright_open iframe,
.testimonialsright_open img {
    border: 0;
    border-radius: 7px;
    display: table-cell;
    height: auto;
    margin: 1em auto;
    min-width: 50%;
    vertical-align: middle
}

.testimonialsright_open iframe {
    min-height: 300px
}

.testimonialsright_open {
    border-top: 1px solid #ededed;
    margin-top: 1em
}

.testi_heading {
    background-image: url(../images/testimonialsbg1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    float: left;
    font-size: 3em;
    font-weight: 100;
    margin: 0;
    padding: 2em 1em 3em;
    position: relative;
    width: 100%
}

.sitehelp_heading {
    background-image: url(../../images/sitehelp.jpg)
}

.events_heading {
    background-image: url(../../images/conference.jpg)
}

.news_heading {
    background-image: url(../../images/news.jpg)
}

.faqs_heading {
    background-image: url(../../images/faqs.jpg)
}

.page_heading {
    position: relative
}

.page_subheading {
    font-size: .5em
}

.page_heading:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.pos-rlt {
    position: relative
}

.testimonial_item:last-child {
    border-bottom: 0
}

.testimonialdate {
    color: #a8a5a5;
    color: hsla(0, 2%, 65%, .8);
    float: left;
    font-size: 14px;
    padding: 10px 5px 0 0
}

.close_image_video {
    background: #fff;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-radius: 0;
    border-radius: 0 0 0 1em;
    color: #d0cbcb;
    cursor: pointer;
    font-size: 26px;
    font-weight: 100;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.testimonial_footer {
    border-radius: 4px;
    color: #fff;
    margin-bottom: 1em;
    padding: 15px;
    position: relative;
    z-index: 1
}

.testimonial_footer:after {
    background: #000 !important;
    background: rgba(0, 0, 0, .2) !important;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.feedbackbtn {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #333;
    float: right;
    font-size: 17px;
    padding: 8px 20px
}

.feedbackbtn:active,
.feedbackbtn:focus,
.feedbackbtn:hover {
    background-color: transparent;
    color: #fff
}

.testimonialtext {
    display: inline-block;
    font-size: 20px;
    padding: 7px 0
}

.testimonialsection .pagination>li>a,
.testimonialsection .pagination>li>span {
    color: #333
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1d1b1b;
    background-color: rgba(29, 27, 27, .54);
    border-color: #1d1b1b;
    border-color: rgba(29, 27, 27, .19);
    color: #fff !important
}

.testi_user_name,
.testi_user_type {
    float: left;
    padding-right: 0
}

#file {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.graydian-theme .bg-blur,
.raydian-theme .bg-blur {
    background-image: none
}

@media (min-width:240px) and (max-width:767px) {
    .testimonialsleft {
        padding-bottom: 10px
    }

    .testimonialsright_open {
        padding-top: 1em !important
    }

    .testimonialsright_open iframe,
    .testimonialsright_open img {
        width: 100%
    }

    .testimonialsright img {
        display: table-cell;
        float: none;
        margin: 0 auto
    }

    .testimonial_outer {
        min-height: 331px;
        padding: 0 10px
    }

    .testi_heading {
        font-size: 2em;
        padding: 2em 1em 3em
    }

    .testimonialsright frame,
    .testimonialsright img {
        display: table !important;
        margin: 0 auto !important
    }

    .testimonialtext {
        text-align: center;
        width: 100%
    }

    .feedbackbtnouter {
        width: 100%
    }

    .feedbackbtn {
        display: block;
        float: none;
        margin: 10px auto;
        text-align: center;
        width: 170px
    }
}

@media (min-width:240px) and (max-width:400px) {
    .test_video_files:before {
        top: 31%
    }

    .testimonialsright {
        max-height: 127px;
        min-height: 127px;
        padding: 0 10px 10px;
        position: relative
    }

    .graydian-theme .test_video_files:before,
    .raydian-theme .test_video_files:before {
        top: 32%
    }
}

@media (min-width:401px) and (max-width:767px) {
    .test_video_files:before {
        top: 26%
    }

    .testimonialsright {
        max-height: 141px;
        min-height: 141px;
        padding: 15px 10px 10px;
        position: relative
    }

    .graydian-theme .test_video_files:before,
    .raydian-theme .test_video_files:before {
        top: 32%
    }
}

@media (min-width:768px) {
    .testimonialsright {
        float: right
    }
}

@media (min-width:768px) and (max-width:1023px) {

    .testimonialsright,
    .testimonialsright a {
        max-height: 120px;
        min-height: 120px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .test_video_files:before {
        top: 39%
    }

    .graydian-theme .test_video_files:before,
    .raydian-theme .test_video_files:before {
        top: 24%
    }
}

@media (min-width:1024px) {

    .testimonialsright,
    .testimonialsright a {
        max-height: 120px;
        min-height: 120px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .test_video_files:before {
        top: 23%
    }

    .graydian-theme .test_video_files:before,
    .raydian-theme .test_video_files:before {
        top: 13%
    }
}

@media(min-width:767px) {
    .relativedrawer .innercust a {
        padding-right: 170px !important
    }

    .awesome-theme .relativedrawer .innercust a {
        padding-right: 0 !important
    }
}

@media (min-width:1025px) and (max-width:1200px) {
    .test_video_files:before {
        top: 23%
    }

    .graydian-theme .test_video_files:before,
    .raydian-theme .test_video_files:before {
        top: 13%
    }
}

@media screen and (orientation:portrait) {

    .graydian-theme .tab .container,
    .raydian-theme .tab .container {
        padding-left: 30.4% !important
    }

    .graydian-theme .tab #sidebar,
    .raydian-theme .tab #sidebar {
        float: left;
        width: 30%
    }

    .graydian-theme .tab #content,
    .raydian-theme .tab #content {
        float: right;
        padding-left: 30%
    }

    .awesome-theme .tab #content,
    .delite-theme .tab #content,
    .elegant-theme .tab #content,
    .universe-theme .tab #content {
        padding-left: 0
    }

    .copyright-dash {
        width: 30%
    }
}

@media screen and (orientation:landscape) {

    .graydian-theme .tab #sidebar,
    .raydian-theme .tab #sidebar {
        float: left;
        height: 100%;
        width: 20%
    }

    .graydian-theme .tab #content,
    .raydian-theme .tab #content {
        float: right;
        padding-left: 20%
    }

    .awesome-theme .tab #content,
    .delite-theme .tab #content,
    .elegant-theme .tab #content,
    .universe-theme .tab #content {
        padding-left: 0
    }
}

.nav-custom .active a:after {
    content: "\203a";
    float: right;
    font-size: 1.5em;
    font-weight: 600;
    line-height: .8
}

.nav-custom li:hover a {
    background: #fff;
    color: #333 !important
}

.nav-custom .active a {
    background: #fff !important;
    border-radius: 4px;
    color: #333 !important
}

.nav-custom-outer {
    overflow: hidden;
    padding: 0
}

.nav-custom {
    background: #000;
    background: rgba(0, 0, 0, .5);
    padding: 10px
}

.nav-custom li a {
    border-radius: 4px;
    color: #fff !important
}

.faq-outer .panel-heading {
    padding: 0 !important
}

.faq-outer .panel-title {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    padding: 0 !important
}

.faq-outer .panel-title a.faq-anchor {
    color: #fff !important;
    display: block;
    padding: 1em !important
}

.faq-outer .panel-title a:hover {
    color: #fff !important
}

.faq-outer .panel {
    overflow: hidden
}

.faq-outer .panel .panel-title a[aria-expanded=true]:after {
    content: "\02c6" !important;
    float: right;
    line-height: 2;
    position: relative;
    -webkit-transform: scale(2) rotate(0deg);
    -ms-transform: scale(2) rotate(0deg);
    transform: scale(2) rotate(0deg)
}

.faq-outer .panel .panel-title a[aria-expanded=false]:after {
    content: "\02c6" !important;
    float: right;
    line-height: 0;
    position: relative;
    -webkit-transform: scale(2) rotate(180deg);
    -ms-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg)
}

.faq-outer {
    padding: 15px
}

.faq-container {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    margin-bottom: 1.5em;
    margin-top: -4em;
    overflow: hidden;
    padding: 0
}

.elegant-theme .faq-container {
    border: 1px solid #999;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.tab .container.faqs {
    padding: 15px !important
}

.relativedrawer {
    background-color: #fff
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto
}