@charset "utf-8";
body {
    background-color: #f6f6f6;
    font-family: Lato, sans-serif
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width:920px) {
    #normal-calendar {
        width: 100%
    }
}

.seperator {
    clear: both
}

footer {
    background-size: cover
}

.lower-footer {
    background: 0 0!important;
    border: none!important
}

@media(max-width:1024px) {
    footer {
        background-size: cover
    }
}

.navbar0 button,
login-modal-container .inner_content inner_body footer-tab button:focus,
login-modal-container .inner_content inner_body footer-tab button:hover,
login-modal-container .inner_content inner_body form pass-field input[type=password]:focus,
login-modal-container .inner_content inner_body form user-field input[type=text]:focus,
register-modal-container .inner_content inner_body footer-tab button:focus,
register-modal-container .inner_content inner_body footer-tab button:hover {
    outline: 0
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .5);
    box-shadow: inset 0 0 6px rgba(255, 255, 255, .5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, .8)
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.modal-pop {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 51;
    overflow: auto;
    text-align: center
}

.modal-pop .modal-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, .7);
    z-index: -1;
    filter: blur(2px)
}

.modal-pop .modal-content {
    display: block;
    width: calc(50%);
    height: auto;
    transform-origin: center;
    background-color: #fff;
    border: 6px solid #383838;
    border-radius: 10px;
    box-sizing: content-box;
    max-width: 768px;
    position: relative;
    margin: 0 auto
}

.modal-pop.active .modal-content {
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-direction: normal
}

.modal-pop .modal-content .close-btn {
    position: absolute;
    display: block;
    top: -20px;
    right: -20px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid #383838;
    outline: 0;
    z-index: 3
}

.modal-pop .modal-content .close-btn span,
.modal-pop .modal-content text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700
}

.modal-pop .modal-content .close-btn span {
    display: block;
    width: auto;
    height: auto;
    font-size: 30px
}

.modal-pop .modal-content img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    z-index: -1;
    filter: blur(2px) brightness(.8)
}

.modal-pop .modal-content.popup-blur img {
    filter: inherit
}

.modal-pop .modal-content text-overlay {
    display: inline-block;
    width: 60%;
    height: auto;
    z-index: 2;
    font-family: Lato, sans-serif;
    color: #fff;
    text-shadow: 0 2px 0 rgba(150, 150, 150, 1)
}

.navbar0,
header {
    font-family: Montserrat, sans-serif
}

.modal-pop .modal-content .get_free_quote_btn {
    display: block;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: #ff6e40;
    color: #fff;
    border-radius: 5px;
    cursor: pointer
}

@media(max-width:768px) {
    .modal-pop .modal-content {
        width: calc(100% - 200px);
        min-height: 0
    }
}

@media(max-width:600px) {
    .modal-pop .modal-content {
        width: calc(100% - 100px)
    }
}

@media(max-width:500px) {
    .modal-pop .modal-content {
        width: calc(100% - 50px)
    }
    .modal-pop .modal-content .close-btn {
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: 2px solid #383838
    }
    .modal-pop .modal-content .close-btn span {
        height: auto;
        top: 45%;
        font-size: 24px
    }
    .modal-pop .modal-content text-overlay {
        width: 80%
    }
    .modal-pop .modal-content text-overlay h1 {
        font-size: 30px
    }
}

.lft_quote_btn {
    position: fixed;
    display: block;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    z-index: 50;
    cursor: pointer
}

.lft_quote_btn img {
    position: relative;
    display: block;
    height: 150px;
    width: auto
}

@media(max-width:1080px) {
    .lft_quote_btn {
        bottom: 0
    }
    .lft_quote_btn img {
        height: 125px
    }
}

@media(max-width:768px) {
    .lft_quote_btn {
        display: none
    }
}

@media(max-width:400px) {
    .lft_quote_btn {
        top: 70%
    }
}

.go-app {
    border: 1px solid #2c2b2b;
    background: #000;
    padding: 10px;
    position: fixed;
    top: 106px;
    z-index: 49;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.navbar0,
.navbar0 button {
    background-color: #ff6e40;
    color: #fff;
    box-sizing: border-box
}

.go-app span {
    padding: 0 10px
}

.go-app a {
    color: #fff;
    margin: 0 5px;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle
}

.go-app a i {
    line-height: 26px
}

.go-app .fa-times {
    float: right;
    padding-top: 5px;
    cursor: pointer
}

content {
    display: block
}

header {
    -webkit-box-shadow: 0 0 .5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 .5px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5px 2px rgba(0, 0, 0, .1);
    z-index: 25;
    font-size: 14px
}

.navbar0 {
    height: 40px;
    text-align: center;
    line-height: 40px
}

.navbar-container,
.navbar0 button,
.refine-to-container li span,
.search_container,
.search_container .search-form,
.search_container_xs .search-form {
    font-family: Lato, sans-serif
}

.navbar0.inactive {
    display: none
}

.navbar0 button {
    float: right;
    border: 1px solid #fff;
    height: 30px;
    line-height: 27px;
    border-radius: 3px;
    transform: translateY(5px)
}

.navbar0 .close_btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    float: right;
    color: #fff;
    font-size: 40px;
    margin-left: 15px;
    margin-right: 20px;
    cursor: pointer
}

.navbar1,
.search_container .form-group .recent-search-result,
.search_container_xs .form-group .recent-search-result {
    width: 100%
}

@media(max-width:1400px) {
    .navbar0,
    .navbar0 button {
        display: none
    }
    .navbar0 .close_btn {
        position: absolute;
        right: 10px;
        margin: auto
    }
    .go-app {
        top: 98px;
        font-size: 14px
    }
}

@media(max-width:480px) {
    .go-app span {
        display: block
    }
    .go-app .fa-times {
        position: absolute;
        top: 1px;
        right: 5px
    }
}

.navbar1 {
    position: fixed;
    opacity: 1;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 10000!important;
}

.navbar2_header {
    display: block;
    min-height: 45px;
    height: 45px
}

.navbar2_header_disappear {
    display: none
}

.navbar-container {
    height: 100px;
    z-index: 25
}

.navbar-brand {
    height: 60px;
    padding: 10px 14px 10px;
}

.navbar-brand img {
    position: relative;
    height: 100%
}

.navbar-header .freeQ {
    font-size: 12px;
    height: 34.2px;
    box-sizing: border-box;
    background-color: #FF6e40;
    color: #fff
}

@media(max-width:330px) {
    .navbar-header .freeQ {
        font-size: 10px
    }
    .navbar-header .freeQ span {
        transform: translateY(4px)
    }
}

.navbar-header .icon-bar {
    background-color: #FF6E40
}

.navbar-toggle {
    border: 1px solid #FF6E40
}

.search_container {
    height: auto;
    margin-top: 10px;
    float: inherit;
    display: block;
    border: none
}

.search_container .input-group-addon {
    border: 0
}

.search_container .search-addon {
    position: relative;
    background-color: #f0572c;
    border-right: 0
}

.search_container .search-addon img {
    height: 19px;
    max-width: initial
}

.search_container .search-form {
    length: 200px;
    background-color: #f8f8f8;
    box-shadow: none;
    border: 0;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important
}

.search_container .search-form:focus {
    border-color: #ccc
}

.search_container_xs {
    height: auto;
    clear: both;
    padding: 0 10px 5px;
    margin: 0;
    float: inherit;
    display: none;
    border-radius: 10px
}

.search_container_xs .search-addon {
    position: relative;
    background-color: #f0572c;
    border: 0
}

.search_container_xs .search-addon img {
    height: 19px
}

.search_container_xs .search-form {
    background-color: #f8f8f8;
    box-shadow: none;
    border: 0;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important
}

.search_container_xs .search-form:focus {
    border: 0
}

.search_container .form-group .recent-search-result .dropdown-header,
.search_container_xs .form-group .recent-search-result .dropdown-header {
    background-color: #F6F6F6
}

@media (max-width:767px) {
    .navbar-brand {
        height: 50px;
        padding-bottom: 10px
    }
    .navbar-toggle {
        margin-top: 6px;
        margin-right: 10px
    }
    .search_container_xs {
        display: block
    }
    .search_container {
        display: none
    }
}

.sug-style-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 5px
}

.sug-style-container li {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 13px;
    background-color: #1CBBB6;
    margin-right: 3px;
    padding: 2px 10px;
    border-radius: 18px;
    margin-bottom: 3px;
    cursor: pointer;
    color: #fff;
    font-weight: 700
}

ul.search-results {
    list-style: none;
    padding: 0
}

ul.search-results li {
    padding: 10px 20px
}

.sug-style-container .idf_tag {
    background-color: #bc8f8f;
    color: #ff4500
}

.sug-style-container .project_tag {
    background-color: #87ceeb;
    color: #1e90ff
}

.refine-to-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    padding: 0
}

.refine-to-container li,
.refine-to-container li:hover {
    background-color: #f6f6f6
}

.refine-to-container li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 5px 10px;
    cursor: pointer;
    box-sizing: border-box;
    border-bottom: 1px solid #f6f6f6
}

@media(max-width:768px) {
    .refine-to-container li:active,
    .refine-to-container li:hover {
        background-color: transparent
    }
}

.refine-to-container li.post_tag img {
    position: relative;
    display: inline-block;
    height: 16px;
    margin-right: 5px
}

.refine-to-container li.project_tag img {
    position: relative;
    display: inline-block;
    height: 15px;
    margin-right: 5px
}

.refine-to-container li.article_tag img {
    position: relative;
    display: inline-block;
    height: 16px;
    margin-right: 5px
}

.refine-to-container li span {
    position: relative;
    display: inline-block;
    transform: translateY(10%);
    font-weight: 700
}

.refine-to-container .article_tag,
.refine-to-container .post_tag,
.refine-to-container .project_tag {
    background-color: transparent;
    color: #383838
}

.reg_log_container {
    width: auto;
    margin-left: 20px
}

.reg_log_container .logged {
    display: block;
    background-color: #fff;
    margin: auto;
    cursor: pointer
}

.reg_log_container .freeQ {
    position: relative;
    display: block;
    float: left;
    top: 50%;
    transform: translateY(-50%)
}

.reg_log_container .post-btn {
    width: 130px;
    text-align: center;
    height: 50px
}

.reg_log_container .post-btn:hover {
    background-color: #f6f6f6
}

.reg_log_container .post-btn span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    color: #888;
    transform: translateY(-37%)
}

.reg_log_container .post-btn p {
    display: inline-block;
    vertical-align: middle
}

.reg_log_container .post-btn img {
    position: relative;
    display: inline-block;
    height: 20px;
    margin-left: 4px;
    transform: translateY(-20%)
}

.reg_log_container .post-btn i {
    font-size: 25px;
    margin-left: 7px;
    color: #888
}

.reg_log_container .noti-btn {
    width: 45px;
    height: 50px;
    text-align: center
}

.reg_log_container .noti-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 22px;
    transform: translate(-50%, -50%) rotate(12deg)
}

.reg_log_container .noti-btn i {
    position: absolute;
    top: 50%;
    font-size: 23px;
    left: 8px;
    right: auto;
    transform: translateY(-50%) rotate(20deg);
    color: #888
}

.reg_log_container .noti-btn noti-dot {
    position: absolute;
    display: none;
    width: 9px;
    height: 9px;
    border-radius: 4.5px;
    top: 29px;
    left: 25px;
    background-color: #FF6E40
}

.reg_log_container .noti-btn noti-dot.active {
    display: block
}

@media(max-width:767px) {
    .reg_log_container .noti-btn:hover {
        background-color: #f6f6f6
    }
    .reg_log_container .noti-btn img {
        position: absolute;
        top: 50%;
        left: 28px;
        height: 22px;
        transform: translate(-50%, -50%) rotate(12deg)
    }
    .reg_log_container .noti-btn noti-dot {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 4.5px;
        top: 29px;
        left: 31px;
        background-color: #FF6E40
    }
}

.reg_log_container .profile-btn {
    width: auto;
    height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 10px
}

.reg_log_container .profile-btn .dp {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-top: 8px;
    overflow: hidden;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #e2e2e2
}

.reg_log_container .profile-btn .dp img {
    position: absolute;
    display: block;
    height: 100%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.reg_log_container .profile-btn span {
    position: relative;
    display: inline-block;
    width: auto;
    color: #e8e8e8;
    margin-left: 6px;
    margin-top: 9px;
    transform: translateY(25%);
    padding-right: 12px;
    vertical-align: top;
    font-size: 24px
}

.reg_log_container li a {
    width: 120px;
    background-color: #fff;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    height: 50px;
    color: #FF6E40;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 15px;
    font-family: Montserrat, sans-serif
}

.reg_log_container li a span {
    padding: 3px
}

.reg_log_container li a:hover {
    background-color: #FF6E40;
    color: #fff
}

.reg_log_container li a.register-btn {
    background-color: #FF6e40;
    color: #fff;
    padding: 5px 5px 0
}

.extra {
    display: none!important
}

li.extra a img {
    position: relative;
    width: 25px;
    margin-right: 10px
}

@media (max-width:767px) {
    .reg_log_container .noti-btn,
    .reg_log_container .post-btn,
    .reg_log_container .profile-btn {
        height: 50px;
        color: #FF6E40;
        font-family: Lato, sans-serif
    }
    .reg_log_container .noti-btn,
    .reg_log_container .post-btn,
    .reg_log_container .profile-btn,
    .reg_log_container li a {
        background-color: #fff;
        text-align: left;
        margin: 0
    }
    .reg_log_container .post-btn {
        width: 100%;
        text-transform: uppercase
    }
    .reg_log_container .post-btn span {
        left: 15px
    }
    .reg_log_container .noti-btn {
        position: absolute;
        width: 50px;
        text-transform: uppercase;
        z-index: 27;
        right: 10px
    }
    .reg_log_container .noti-btn i {
        left: 14px
    }
    .reg_log_container .noti-btn noti-dot {
        left: 28px
    }
    .reg_log_container .profile-btn {
        width: 100%
    }
    .reg_log_container .li-divider {
        display: block;
        border-top: 2px solid #f6f6f6;
        width: 100%;
        height: 0
    }
    .reg_log_container {
        margin: 0;
        padding: 0
    }
    .reg_log_container li a {
        width: 100%;
        height: 50px;
        color: #888;
        padding-top: 10px;
        font-size: 12px;
        font-family: Montserrat, sans-serif;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .reg_log_container li a.register-btn {
        padding: 10px 15px
    }
    .reg_log_container li a span {
        font-size: 21px;
        transform: translate(-3px, 4px);
        margin-right: 10px;
        top:-2px!important;
    }
    .reg_log_container li a:hover {
        background-color: #f6f6f6;
        color: #888
    }
    .extra {
        display: block!important;
		text-transform:uppercase;
    }
	.extra.region-menu {
		margin-left:60px;
	}
}

.collapse.navbar_2,
.explore,
.explore_container,
.explore_tabs_container {
    display: inline-block;
    position: relative
}

.explore_container {
    width: 330px;
    height: 100%;
    float: left;
    overflow: visible!important;
    margin-left: 15px
}

.explore {
    font-size: 14px;
    vertical-align: top;
    float: left;
    top: 50%;
    transform: translateY(-50%)
}

.explore span {
    font-size: 16px!important;
    transform: translateY(1.2px);
    margin-right: 2px
}

.explore_tabs_container {
    border: 0;
    width: auto;
    height: auto;
    float: left;
    vertical-align: top;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px
}

.explore_tabs_container a {
    color: #666;
    transition: 0
}

.explore_tabs_container li.dropdown {
    box-sizing: content-box
}

.explore_tabs_container .dropdown-toggle:hover {
    background-color: transparent;
    border-color: transparent
}

.explore_tabs_container .dropdown-toggle:focus {
    background-color: transparent
}

.explore_tabs_container .open .dropdown-toggle {
    background-color: #fff;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.explore_tabs_container .open .dropdown-toggle:focus {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.navbar2_pills_container li,
.navbar2_pills_container li a:hover {
    background-color: transparent
}

.dropdown-menu.drop_menu1 {
    width: 350px;
    margin-top: -2px;
    padding-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    z-index: -1;
    box-sizing: border-box
}

.dropdown-menu.drop_menu1 .dropdown-header {
    font-size: 16px;
    color: #FF6E40;
    padding: 3px 15px
}

.dropdown-menu.drop_menu1 .row {
    margin: 0
}

.dropdown-menu.drop_menu1 a {
    color: #000
}

.dropdown-menu.drop_menu1 .view_all {
    color: #FF6E40;
    text-decoration: underline
}

.collapse.navbar_2 {
    width: calc(100%);
    float: right;
    overflow: auto;
    height: 100%!important;
    padding: 0
}

.navbar2_pills_container {
    position: relative;
    display: block;
    border: 0;
    padding: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.navbar2_pills_container li {
    position: relative;
    text-align: center;
    transition: .2s;
    float: right;
    width: auto;
    height: 100%;
    padding: 5px 8px;
    box-sizing: border-box;
    cursor: pointer
}

.navbar2_pills_container li a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #000;
    transition: .2s;
    padding: 0;
    top: 50%;
    transform: translateY(-50%)
}

.navbar2_pills_container i,
.navbar2_pills_container img,
.navbar2_pills_container span {
    position: relative;
    display: inline-block
}

.navbar2_pills_container li:hover {
    background-color: #fcfcfc;
    border-top: 3px solid #ff6e40
}

.navbar2_pills_container i {
    margin-right: 5px
}

.navbar2_pills_container img {
    width: 23px;
    transform: translate(-2px, -2px)
}

@media(max-width:900px) {
    .navbar2_pills_container li {
        padding: 5px 17px
    }
}

@media(max-width:800px) {
    .navbar2_pills_container li {
        padding: 5px 10px
    }
}

@media (max-width:767px) {
    .navbar2_header,
    .navbar2_pills_container {
        display: none!important
    }
    .dropdown-menu.drop_menu1 {
        width: 260px
    }
}

@media(max-width:450px) {
    .dropdown-menu.drop_menu1 {
        width: auto;
        min-width: 0
    }
}

@media(max-width:350px) {
    .explore_container,
    .navbar2_header {
        display: none!important
    }
}

.navbar2_pills_container li.dropdown .dropdown-menu.inspire_menu {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    background-color: #fcfcfc;
    border-top: 0;
    padding: 0;
    transform: translateY(-2px)
}

.navbar2_pills_container li.dropdown .dropdown-menu.inspire_menu li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 15px;
    border-bottom: 1px solid #e2e2e2
}

.navbar2_pills_container li.dropdown .dropdown-menu.inspire_menu li:hover {
    border-top: 0;
    background-color: #fff
}

.navbar2_pills_container li.dropdown .dropdown-menu.inspire_menu li:hover a {
    color: #ff6e40
}

.navbar2_pills_container li.dropdown .dropdown-menu.inspire_menu li a {
    top: auto;
    transform: none;
    text-align: left
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu {
    position: absolute;
    width: calc(396px + 350px);
    min-width: 158.5px;
    left: -150px;
    margin: auto;
    min-height: 100px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    background-color: #fcfcfc;
    border-top: 0;
    padding-bottom: 15px;
    cursor: default;
    z-index: 10001
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: auto;
    overflow-x: hidden
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp {
    position: relative;
    display: inline-block;
    width: 16.666%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-left: 12px
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp .catTitle {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #ff6e40
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp a {
    font-family: Lato, sans-serif;
    top: 0;
    transform: none;
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer;
    color: #383838
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp a:hover {
    color: #ff6e40
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-foot a {
    display: inline-block;
    font-size: 12px;
    top: 0;
    transform: none;
    margin-left: 20px;
    cursor: pointer;
    color: #383838
}

.navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-foot a:hover {
    color: #ff6e40;
    text-decoration: underline
}

@media(min-width:1550px) {
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu {
        width: calc(396px + 550px);
        left: -550px
    }
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp .catTitle {
        font-size: 19px;
        margin-bottom: 5px
    }
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-body div.catGrp a {
        font-size: 15px;
        margin-bottom: 5px
    }
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu div.listDropMenu-foot a {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu {
        left: -398px
    }
}

@media(max-width:800px) {
    .navbar2_pills_container li.dropdown .dropdown-menu.pro-menu {
        left: -440px
    }
}

side-panel {
    position: fixed;
    display: block;
    top: 58px;
    width: 300px;
    height: 0;
    right: 100px;
    background-color: #fff;
    transition: .5s;
    transform: translateX(80px);
    z-index: 2000
}

side-panel.profile_sele {
    height: 225px;
    border: 1px solid #e2e2e2
}

side-panel.profile_sele:after,
side-panel.profile_sele:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 0
}

side-panel.profile_sele:before {
    right: 20px;
    top: -29px;
    border: 15px solid;
    border-color: transparent transparent #e2e2e2
}

side-panel.profile_sele:after {
    right: 20.5px;
    top: -27px;
    border: 14px solid;
    border-color: transparent transparent #fff
}

side-panel.noti_sele {
    height: 400px;
    border: 1px solid #e2e2e2
}

side-panel.noti_sele:after,
side-panel.noti_sele:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 0
}

side-panel.noti_sele:before {
    right: 80px;
    top: -29px;
    border: 15px solid;
    border-color: transparent transparent #e2e2e2
}

side-panel.noti_sele:after {
    right: 80.5px;
    top: -27px;
    border: 14px solid;
    border-color: transparent transparent #fff
}

.reg_log_container .noti-btn:focus side-panel {
    height: 200px
}

@media(max-width:768px) {
    side-panel {
        display: block;
        top: 0;
        width: 100%;
        height: 0;
        z-index: 61;
        right: 0;
        transform: none
    }
    side-panel.profile_sele {
        height: 100%;
        border: 1px solid #e2e2e2
    }
    side-panel.profile_sele:after,
    side-panel.profile_sele:before {
        content: ' ';
        position: absolute;
        width: 20px;
        height: 0
    }
    side-panel.profile_sele:before {
        right: 15px;
        top: -29px;
        border: 15px solid;
        border-color: transparent transparent #e2e2e2
    }
    side-panel.profile_sele:after {
        right: 15.5px;
        top: -27px;
        border: 14px solid;
        border-color: transparent transparent #fff
    }
    side-panel.noti_sele {
        height: 100%;
        border: 1px solid #e2e2e2;
        transform: none
    }
}

side-panel.noti_sele noti-head {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    padding-left: 12px;
    padding-top: 3px;
    font-size: 13px;
    border-bottom: 1px solid #e2e2e2
}

side-panel.noti_sele noti-head noti-close {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 30px
}

side-panel.noti_sele noti-body {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 50px);
    overflow-y: auto
}

side-panel.noti_sele noti-body noti_typa {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #e2e2e2;
    cursor: default
}

side-panel.noti-sele noti-body noti_typb {
    position: relative;
    display: block;
    width: calc(100%);
    background-color: teal
}

side-panel.noti_sele noti-foot {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    padding-top: 3px
}

side-panel.noti_sele noti-foot a {
    font-size: 14px;
    color: #383838
}

@media(max-width:768px) {
    side-panel.noti_sele noti-head {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        padding-left: 12px;
        padding-top: 12px;
        font-size: 20px;
        border-bottom: 1px solid #e2e2e2
    }
    side-panel.noti_sele noti-head noti-close {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        font-size: 40px
    }
    side-panel.noti_sele noti-body {
        position: relative;
        display: block;
        width: 100%;
        height: calc(100% - 80px);
        overflow-y: auto
    }
    side-panel.noti_sele noti-body noti_typa {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #e2e2e2;
        cursor: default
    }
    side-panel.noti_sele noti-foot {
        position: relative;
        display: block;
        width: 100%;
        height: 20px;
        border-top: 1px solid #e2e2e2;
        text-align: center;
        padding-top: 3px
    }
    side-panel.noti_sele noti-foot a {
        font-size: 14px;
        color: #383838
    }
}

side-panel.profile_sele panel-body {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

side-panel.profile_sele panel-body pro-close {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    top: 20px;
    right: 10px;
    font-size: 40px;
    z-index: 40
}

@media(max-width:768px) {
    side-panel.profile_sele panel-body pro-close {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        top: 0;
        right: 10px;
        transform: none;
        font-size: 40px;
        z-index: 40
    }
}

side-panel.profile_sele panel-body panel-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    cursor: pointer
}

side-panel.profile_sele panel-body panel-tab:hover {
    background-color: #fcfcfc
}

side-panel.profile_sele panel-body panel-tab img {
    position: relative;
    display: inline-block;
    height: auto;
    width: 30px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    vertical-align: middle
}

side-panel.profile_sele panel-body panel-tab p {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    top: 50%;
    transform: translateY(-65%);
    margin-left: 30px;
    vertical-align: middle
}

side-panel.profile_sele side-panel-foot {
    position: absolute;
    display: block;
    width: 100%;
    height: 22px;
    bottom: 0;
    font-family: Lato, sans-serif
}

side-panel.profile_sele side-panel-foot span {
    float: left;
    margin-left: 15px;
    color: #8c8c8c
}

side-panel.profile_sele side-panel-foot span a {
    color: #8c8c8c
}

side-panel.profile_sele side-panel-foot span1 {
    float: right;
    margin-right: 15px;
    color: #8c8c8c
}

side-panel.profile_sele side-panel-foot span1 a {
    color: #8c8c8c
}

noti_bar {
    position: fixed;
    width: auto;
    right: 10px;
    margin-top: 10px;
    z-index: -2;
    transition: 1s
}

noti_bar .outer-noti-btn {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    background-color: #FF6E40;
    border: 3.5px solid #fff;
    cursor: pointer
}

noti_bar .outer-noti-btn i {
    position: absolute;
    font-size: 25px!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

@media(max-width:700px) {
    noti_bar {
        margin-top: 0;
        width: 100%;
        right: 0;
        height: 40px;
        background-color: #fff;
        border-top: 2px solid #f6f6f6
    }
    noti_bar .outer-noti-btn {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        margin-top: 5px;
        margin-left: 5px
    }
    noti_bar .outer-noti-btn i {
        font-size: 17px!important;
        padding-top: 2px
    }
}

noti_bar noti_content {
    position: absolute;
    display: block;
    width: 420px;
    top: 0;
    right: 45px;
    opacity: 0;
    height: auto;
    background-color: transparent;
    overflow-y: hidden;
    overflow-x: hidden;
    transition: .5s
}

noti_bar noti_content noti_container {
    position: relative;
    display: block;
    width: 400px;
    height: auto;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 10px;
    padding: 20px;
    min-height: 40px
}

noti_bar noti_content noti_container:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: -20px;
    top: 18px;
    border: 20px solid;
    border-width: 15px 50px 0 0;
    border-color: #fff transparent transparent;
    z-index: -2;
    transform: rotate(0)
}

noti_bar noti_content noti_container:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 40px;
    height: 12px;
    background-color: #fff;
    right: -30px;
    top: 10px;
    -webkit-border-top-right-radius: 50px 20px;
    -moz-border-radius-topright: 50px 20px;
    border-top-right-radius: 50px 20px;
    -webkit-transform: translate(-10px, -2px);
    -moz-transform: translate(-10px, -2px);
    -ms-transform: translate(-10px, -2px);
    -o-transform: translate(-10px, -2px);
    transform: translate(-10px, -2px) rotate(0)
}

mob_noti_content {
    display: none
}

@media(max-width:700px) {
    mob_noti_content {
        position: absolute;
        width: calc(100% - 40px);
        display: inline-block;
        top: 50%;
        left: 40px;
        transform: translateY(-40%);
        background-color: transparent
    }
    mob_noti_content extend_btn {
        position: absolute;
        right: 10px;
        font-size: 25px;
        top: 50%;
        transform: translateY(-50%)
    }
    noti_bar noti_content {
        width: 100%;
        right: 0;
        top: 40px
    }
    noti_bar noti_content noti_container {
        width: 100%
    }
}

noti_bar noti_content noti_container content_header {
    display: block;
    border-bottom: 2px solid #ccc
}

noti_bar noti_content noti_container content_header sub-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #383838
}

noti_bar noti_content noti_container content_header sub-title span {
    color: #FF6E40
}

noti_bar noti_content noti_container content_header sub-sub-title {
    display: block
}

noti_bar noti_content noti_container content_main {
    position: relative;
    display: block;
    margin-top: 5px
}

noti_bar noti_content noti_container content_main sub-title {
    display: block;
    text-align: right;
    font-style: italic;
    color: #FF6E40
}

noti_bar noti_content noti_container content_main img_album {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px auto auto
}

noti_bar noti_content noti_container content_main img_album img {
    width: 100%
}

noti_bar noti_content noti_container content_main btn_container {
    position: relative;
    display: block;
    margin-top: 5px;
    text-align: right
}

noti_bar noti_content noti_container content_main btn_container .like_btn {
    background-color: #FF6E40;
    color: #fff;
    border: 1px solid #FF6E40;
    border-radius: 3px;
    margin-right: 2px;
    font-size: 14px
}

noti_bar noti_content noti_container content_main btn_container .like_btn i {
    margin-right: 5px;
    font-size: 13px
}

noti_bar noti_content noti_container content_main btn_container .no_btn {
    background-color: #fff;
    border: 1px solid #FF6E40;
    border-radius: 3px;
    font-size: 14px;
    width: 40px;
    color: #FF6E40
}

login-modal-container {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9000
}

login-modal-container .inner_content {
    position: relative;
    display: block;
    width: 400px;
    height: auto;
    background-color: #fff;
    border: 1px solid #999;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.5%;
    border-radius: 5px;
    overflow: hidden
}

login-modal-container .inner_content .close_btn {
    position: absolute;
    right: 5px;
    top: -8px;
    font-size: 40px;
    text-decoration: none;
    color: #999;
    cursor: pointer
}

login-modal-container .inner_content .close_btn:hover {
    color: #ccc
}

login-modal-container .inner_content inner_header logo {
    position: relative;
    display: block;
    width: 33%;
    margin: 28px auto 0;
    height: 35px
}

login-modal-container .inner_content inner_header logo img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0
}

login-modal-container .inner_content inner_header sub_header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 5px auto 0;
    font-size: 13.5px;
    color: #999
}

login-modal-container .inner_content inner_body {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 13px
}

login-modal-container .inner_content inner_body a {
    text-decoration: none
}

login-modal-container .inner_content inner_body a facebook-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #3b5998;
    margin: 5px auto;
    border: 1px solid #3b5998;
    padding-top: 14.5px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer
}

login-modal-container .inner_content inner_body facebook-tab i {
    float: left;
    font-size: 25px;
    margin-left: 15px;
    margin-top: -2px
}

login-modal-container .inner_content inner_body a google-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid #999;
    margin: 5px auto;
    padding-top: 14.5px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
    color: #383838;
    text-decoration: none
}

login-modal-container .inner_content inner_body google-tab img {
    width: 25px;
    float: left;
    height: auto;
    margin-left: 12px;
    margin-top: -2px
}

login-modal-container .inner_content inner_body transition-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    text-align: center;
    padding: 2.5px 0
}

login-modal-container .inner_content inner_body form pass-field,
login-modal-container .inner_content inner_body form user-field {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: transparent;
    border: 1px solid #999;
    margin: 5px auto;
    border-radius: 5px
}

login-modal-container .inner_content inner_body form user-field input[type=text] {
    float: left;
    display: inline-block;
    height: 100%;
    border: 0;
    width: 86%;
    padding-left: 20px;
    border-radius: 5px
}

login-modal-container .inner_content inner_body form user-field i {
    position: absolute;
    float: right;
    display: inline-block;
    font-size: 25px;
    width: 14%;
    margin-top: 11px;
    text-align: center;
    padding-right: 2px;
    color: #999
}

login-modal-container .inner_content inner_body form pass-field input[type=password] {
    float: left;
    display: inline-block;
    height: 100%;
    border: 0;
    width: 86%;
    padding-left: 20px;
    border-radius: 5px
}

login-modal-container .inner_content inner_body form pass-field i {
    position: absolute;
    float: right;
    display: inline-block;
    font-size: 25px;
    width: 14%;
    margin-top: 11px;
    color: #999;
    text-align: center
}

login-modal-container .inner_content inner_body form rmb-field {
    position: relative;
    display: block;
    width: 100%;
    height: 15px;
    padding-left: 5px;
    padding-right: 5px
}

login-modal-container .inner_content inner_body form rmb-field input[type=checkbox] {
    display: none
}

login-modal-container .inner_content inner_body form rmb-field input[type=checkbox]+label {
    position: absolute;
    height: 15px;
    width: 15px;
    display: block;
    border: 1px solid #999;
    cursor: pointer;
    margin: 0;
    border-radius: 3px
}

login-modal-container .inner_content inner_body form rmb-field input[type=checkbox]:checked+label:after {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
    font-size: 15px;
    color: #999;
    text-align: center;
    line-height: 12px
}

login-modal-container .inner_content inner_body form rmb-field span {
    float: left;
    margin-left: 20px;
    font-size: 10px;
    margin-top: 2.3px
}

login-modal-container .inner_content inner_body form rmb-field a {
    font-size: 10px;
    margin-top: 2px;
    float: right;
    color: #000
}

login-modal-container .inner_content inner_body form sub-field {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: #FF6E40;
    border: 1px solid #999;
    margin: 5px auto;
    border-radius: 5px
}

login-modal-container .inner_content inner_body form sub-field input[type=submit] {
    width: 100%;
    height: 100%;
    background-color: transparent;
    text-align: center;
    border: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

login-modal-container .inner_content inner_body footer-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 65px;
    text-align: left;
    background-color: transparent;
    border-top: 2px #ccc solid;
    margin: 15px auto
}

login-modal-container .inner_content inner_body footer-tab a {
    color: #ff6e40
}

login-modal-container .inner_content inner_body footer-tab span {
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    margin-top: 5%
}

login-modal-container .inner_content inner_body footer-tab button {
    position: relative;
    float: right;
    width: 100px;
    height: 35px;
    color: #FF6E40;
    background-color: transparent;
    border: 1px solid #FF6E40;
    border-radius: 5px;
    margin-top: 7.5px
}

@media(max-width:420px) {
    login-modal-container .inner_content {
        width: 100%;
        height: 100%;
        margin: 0
    }
    login-modal-container .inner_content .close_btn {
        position: absolute;
        right: 5px;
        top: -8px
    }
}

register-modal-container {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9000
}

register-modal-container .inner_content {
    position: relative;
    display: block;
    width: 400px;
    height: auto;
    background-color: #fff;
    border: 1px solid #999;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.5%;
    border-radius: 5px;
    overflow: hidden
}

register-modal-container .inner_content .close_btn {
    position: absolute;
    right: 5px;
    top: -8px;
    font-size: 40px;
    text-decoration: none;
    color: #999
}

register-modal-container .inner_content .close_btn:hover {
    color: #ccc
}

register-modal-container .inner_content inner_header logo {
    position: relative;
    display: block;
    width: 33%;
    margin: 28px auto 0;
    height: 35px
}

register-modal-container .inner_content inner_header logo img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0
}

register-modal-container .inner_content inner_header sub_header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 5px auto 0;
    font-size: 13.5px;
    color: #999
}

register-modal-container .inner_content inner_body {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 13px
}

register-modal container .inner_content inner_body a {
    text-decoration: none
}

register-modal-container .inner_content inner_body a facebook-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #3b5998;
    margin: 5px auto;
    border: 1px solid #3b5998;
    padding-top: 14.5px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer
}

register-modal-container .inner_content inner_body a facebook-tab i {
    float: left;
    font-size: 25px;
    margin-left: 15px;
    margin-top: -2px
}

register-modal-container .inner_content inner_body a google-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid #999;
    margin: 5px auto;
    padding-top: 14.5px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
    color: #383838;
    text-decoration: none
}

register-modal-container .inner_content inner_body a google-tab img {
    width: 25px;
    float: left;
    height: auto;
    margin-left: 12px;
    margin-top: -2px
}

register-modal-container .inner_content inner_body transition-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    text-align: center;
    padding: 2.5px 0
}

register-modal-container .inner_content inner_body email-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #FF6E40;
    border: 1px solid #FF6E40;
    margin: 5px auto;
    padding-top: 14.5px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
    color: #fff
}

register-modal-container .inner_content inner_body email-tab a {
    color: #fff
}

register-modal-container .inner_content inner_body email-tab a i {
    float: left;
    font-size: 25px;
    margin-left: 15px;
    margin-top: -4px
}

register-modal-container .inner_content inner_body register-desc {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 15px;
    text-align: center;
    padding: 2.5px 0;
    font-size: 10px;
    color: #000
}

register-modal-container .inner_content inner_body register-desc a {
    color: #FF6E40
}

register-modal-container .inner_content inner_body footer-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: transparent;
    border-top: 2px #ccc solid;
    margin: 5px auto 15px
}

register-modal-container .inner_content inner_body footer-tab span {
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    margin-top: 5%
}

register-modal-container .inner_content inner_body footer-tab button {
    position: relative;
    float: right;
    width: 100px;
    height: 35px;
    color: #FF6E40;
    background-color: transparent;
    border: 1px solid #FF6E40;
    border-radius: 5px;
    margin-top: 7.5px
}

@media(max-width:420px) {
    register-modal-container .inner_content {
        width: 100%;
        height: 100%;
        margin: 0
    }
    register-modal-container .inner_content .close_btn {
        position: absolute;
        right: 5px;
        top: -8px
    }
    register-modal-container .inner_content inner_body footer-tab {
        margin: 15px auto
    }
}

.chatbox-wrapper,
.ztb-tab-container {
    right: 2%!important
}

@media screen and (max-width:720px) {
    .zbx-trigger {
        z-index: 49!important
    }
}

.modal-content a.rs_button {
    background-color: #ff6e40;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    display: inline-block
}

.modal-content a.rs_button button {
    background-color: #ff6e40;
    border: 0;
    padding: 5px 25px;
    border-radius: 4px
}

.mobile-app-down,
.mobile-application {
    background-color: #fff
}

.modal-content a.thank_button {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding-left: 10px;
    display: inline-block
}

.popup_buttons {
    position: absolute;
    right: 0;
    bottom: 4%;
    width: 100%
}

@media(max-width:1080px) {
    .modal-content a.thank_button {
        font-size: 14px
    }
}

@media(max-width:980px) {
    .popup_buttons {
        bottom: 2%
    }
    .modal-content a.rs_button button {
        padding: 2px 25px
    }
}

@media(max-width:480px) {
    .popup_buttons {
        bottom: 1%
    }
    .modal-content a.rs_button button {
        padding: 1px 10px;
        font-size: 14px
    }
}

@media(max-width:768px) {
    .navbar-collapse.in {
        height: 300px
    }
}

.bottom_quote_btn {
    display: none
}

.new-container {
    max-width: 1310px;
    width: 100%;
    margin: auto
}

.mobile-app .mobile-application {
    margin-bottom: 0
}

.mobile-application {
    position: relative;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%
}

.mobile-application img {
    max-width: 100%
}

.app-des {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 500px;
    width: 100%
}

.appstore-bg,
.google-bg {
    width: 100%;
    display: inline-block;
    max-width: 135px;
    height: 39px
}

.app-des p {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px
}

.app-share-link {
    position: absolute;
    bottom: 5%
}

.app-share-link p {
    font-size: 28px;
    color: #252525
}

.app-share-link img {
    margin-right: 5px
}

.div-center {
    padding-left: 20px
}

.appstore-bg {
    background: url(../img/professionals/app-google.png) left center no-repeat
}

.google-bg {
    background: url(../img/professionals/app-google.png) right center no-repeat
}

@media (max-width:767px) {
    .app-des {
        display: none
    }
    .app-des p {
        font-size: 22px;
        line-height: 30px
    }
    .app-share-link p {
        font-size: 20px;
        color: #fff
    }
    .app-share-link {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .mobile-app .app-des {
        display: block;
        max-width: 320px
    }
}

@media (min-width:641px) and (max-width:767px) {
    .app-des {
        left: 5%;
        top: 40%
    }
    .app-share-link {
        left: 5%
    }
    .app-share-link p {
        color: #fff
    }
}

@media (max-width:640px) {
    .banner-img {
        background-image: url(../img/professionals/banner.jpg);
        background-size: cover;
        background-position: center center;
        height: 280px;
        width: 100%;
        background-repeat: no-repeat
    }
    .mobile-app .banner-img {
        background-image: url(../img/professionals/footer.jpg)
    }
    .banner-img img {
        display: none
    }
    .app-des {
        left: 5%
    }
    .app-share-link {
        left: 5%;
        bottom: 5%
    }
    .app-share-link p {
        margin-bottom: 5px;
        font-size: 18px
    }
    .app-share-link img {
        width: 80px
    }
    .app-des p {
        font-size: 20px;
        line-height: 20px;
        text-align: center
    }
    .mobile-app .app-des {
        max-width: 250px
    }
    .mobile-application img {
        max-width: 45%
    }
    .appstore-bg,
    .google-bg {
        max-width: 100px;
        height: 28px;
        background-size: cover
    }
}

@media (max-width:479px) {
    .banner-img {
        height: 200px
    }
    .app-des {
        max-width: 180px;
        top: 25%
    }
    .app-share-link,
    .mobile-app .app-des {
        max-width: 180px;
        top: 50%
    }
    .app-des p {
        font-size: 16px;
        line-height: 16px
    }
    .app-share-link {
        bottom: 5%
    }
    .app-share-link p {
        color: #fff;
        line-height: 18px
    }
    .div-center {
        position: absolute;
        top: 0;
        height: 100%
    }
    .mobile-app .app-des img {
        max-width: 49%
    }
    .appstore-bg,
    .google-bg {
        max-width: 80px;
        height: 22px;
        background-size: cover
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .app-des {
        max-width: 350px;
        top: 45%
    }
    .app-des p {
        font-size: 28px
    }
    .app-share-link p {
        font-size: 20px;
        line-height: 20px
    }
    .app-share-link {
        bottom: 2%
    }
    .app-share-link a {
        width: 110px;
        display: inline-block
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .app-des p {
        font-size: 30px
    }
    .app-share-link {
        bottom: 6%
    }
    .app-share-link p {
        font-size: 24px;
        margin-bottom: 5px
    }
}

.search_container .search-addon .search-icon {
    width: 20px;
    height: 19px;
    background: url(../img/spit_img.png) -25px center no-repeat;
    display: inline-block
}

login-modal-container .inner_content inner_body .log-google google-tab {
    padding: 12px 0
}

login-modal-container .inner_content inner_body a .google-icon {
    width: 25px;
    height: 25px;
    background: url(../img/spit_img.png) left center no-repeat;
    float: left;
    margin-left: 12px
}

login-modal-container .inner_content inner_body a .google-tab {
    padding-top: 2px;
    display: inline-block
}
.search-elements {
	
}
.white {
	color:#fff;
}
.fa-15x {
	font-size:1.5em;
}
.search-form  {
	border-radius: 1px;
}
.search-form:focus, .search-form:active {
    border: 1px solid #f05	72c;
	border-left:0px;
	-webkit-appearance: none;
	box-shadow: 0px 0px 5px 1px #f0572c;
	-moz-box-shadow:0px 0px 5px 1px #f0572c;
	-webkit-box-shadow: 0px 0px 5px 1px #f0572c;
	
}
.johor_li {
	background:#ffeb2c;
}
.stamp {
	color: #555;
	font-size: 1rem;
	font-weight: 700;
	border: 0.25rem solid #555;
	display: inline-block;
	padding: 0.1rem 1rem;
	text-transform: uppercase;
	border-radius: 1rem;
	font-family: 'Courier';
	-webkit-mask-image: url('https://www.renotalk.com/img/grunge.png');
	-webkit-mask-size: 944px 604px;
	mix-blend-mode: multiply;
	margin-left:5px;
}

.is-new {
  color: #D23;
  border: 0.5rem double #D23;
  transform: rotate(-4deg)!important;
  -webkit-mask-position: 2rem 3rem;
  font-size: 1rem;  
}

.drift-widget-footer--with-branding {
	display:none !important;
}