/*!Theme Name: techjobsfair Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.1 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: techjobsfair Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. techjobsfair is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/*/
:root {
    --main-theme-color: #ff7800;
    --main-theme-dark-color: #ff5c00;
    --main-theme-light-color: #FFF1E5;
    --main-gray-bg-color: #efefef;
    --main-txt-color: #333;
    --main-dark-txt-color: #111;
    --main-txt-url-color: #111;
    --main-txt-url-hover-color: #ff7800
}

body {
    overflow: auto !important;
    font-family: latoregular;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--main-txt-color)
}

a {
    text-decoration: none;
    outline: none;
    color: var(--main-txt-url-color);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: var(--main-txt-url-hover-color);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

img {
    max-width: 100%;
    width: auto
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mr-20 {
    margin-right: 20px
}

.ml-20 {
    margin-left: 20px
}

.global-image-container {
    display: inline-block
}

.global-image-container img {
    border-radius: 10px
}

.global-gray-bg {
    background-color: var(--main-gray-bg-color)
}

.image-popup-fit-width {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.scroll-to-top-button {
    position: fixed;
    right: -50px;
    border-radius: 5px 0 0 5px;
    height: 50px;
    width: 50px;
    bottom: 100px;
    z-index: 99;
    color: #fff;
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1)));
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.scroll-to-top-button.show {
    right: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.scroll-to-top-button:hover,
.scroll-to-top-button:focus {
    opacity: 1;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.global-content-section {
    padding: 60px 0;
    min-height: 500px
}

.main-title-with-subtitle-wrapper {
    margin: 0 0 30px;
    padding: 0
}

.main-title-with-subtitle-wrapper .title-text {
    margin: 0 0 15px;
    padding: 0;
    font-size: 40px;
    line-height: 43px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color)
}

.main-title-with-subtitle-wrapper .title-text.orange-title {
    color: var(--main-theme-color)
}

.main-title-with-subtitle-wrapper .sub-title-text {
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 27px;
    letter-spacing: .2px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color)
}

.main-title-wrapper {
    margin: 0 0 30px;
    padding: 0
}

.main-title-wrapper .title-text {
    margin: 0 0 15px;
    padding: 0;
    font-size: 40px;
    line-height: 45px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color)
}

.main-title-wrapper .title-text.orange-title {
    color: var(--main-theme-color)
}

.tjf-theme-button {
    font-size: 16px;
    line-height: 23px;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 6px;
    color: #fff !important;
    letter-spacing: .5px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1)));
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.tjf-theme-button:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.tjf-theme-black-button {
    font-size: 16px;
    line-height: 23px;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 6px;
    color: #fff !important;
    letter-spacing: .5px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.tjf-theme-black-button:hover {
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1)));
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.tjf-container {
    max-width: 1400px
}

ul.tjf-tabs-list {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.tjf-tabs-list li {
    background: 0 0;
    color: var(--main-dark-txt-color);
    display: inline-block;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
    cursor: pointer
}

ul.tjf-tabs-list li.current {
    background: var(--main-gray-bg-color);
    color: var(--main-dark-txt-color)
}

.tjf-tab-content {
    display: none;
    background: var(--main-gray-bg-color);
    padding: 20px;
    border-radius: 0 10px 10px 10px
}

.tjf-tab-content.current {
    display: block
}

ul.tjf-theme-list {
    margin: 25px 0;
    padding: 0;
    list-style-type: none
}

ul.tjf-theme-list li {
    position: relative;
    padding: 0 0 0 20px;
    margin-top: 10px
}

ul.tjf-theme-list li:first-child {
    margin-top: 0
}

ul.tjf-theme-list li::before {
    content: "";
    height: 9px;
    width: 9px;
    background-color: var(--main-theme-color);
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 100%
}

.custom-form-wrapper .wpforms-field input[type=text],
.custom-form-wrapper .wpforms-field input[type=email],
.custom-form-wrapper .wpforms-field input[type=tel],
.custom-form-wrapper .wpforms-field input[type=url],
.custom-form-wrapper .wpforms-field input[type=password],
.custom-form-wrapper .wpforms-field select,
.custom-form-wrapper .wpforms-field textarea {
    background-color: #f7f7f7 !important;
    border: 1px solid #e3e3e3 !important;
    padding: 10px 15px !important;
    border-radius: 7px !important;
    width: 100% !important;
    outline: none !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important;
    font-size: 17px !important;
    line-height: 25px !important
}

.custom-form-wrapper .wpforms-field input[type=text],
.custom-form-wrapper .wpforms-field input[type=email],
.custom-form-wrapper .wpforms-field input[type=tel],
.custom-form-wrapper .wpforms-field input[type=url],
.custom-form-wrapper .wpforms-field input[type=password],
.custom-form-wrapper .wpforms-field select {
    height: auto !important
}

.custom-form-wrapper .wpforms-field input[type=text]:hover,
.custom-form-wrapper .wpforms-field input[type=email]:hover,
.custom-form-wrapper .wpforms-field input[type=tel]:hover,
.custom-form-wrapper .wpforms-field input[type=url]:hover,
.custom-form-wrapper .wpforms-field input[type=password]:hover,
.custom-form-wrapper .wpforms-field select:hover,
.custom-form-wrapper .wpforms-field textarea:hover {
    border-color: #999 !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

.custom-form-wrapper .wpforms-field input[type=text]:focus,
.custom-form-wrapper .wpforms-field input[type=email]:focus,
.custom-form-wrapper .wpforms-field input[type=tel]:focus,
.custom-form-wrapper .wpforms-field input[type=url]:focus,
.custom-form-wrapper .wpforms-field input[type=password]:focus,
.custom-form-wrapper .wpforms-field select:focus,
.custom-form-wrapper .wpforms-field textarea:focus {
    border-color: #999 !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

.custom-form-wrapper .wpforms-field label.wpforms-field-label {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 25px !important;
    color: #000;
    font-family: latosemibold !important;
    font-weight: 400 !important
}

.custom-form-wrapper .wpforms-field label.wpforms-field-label .wpforms-required-label {
    color: red !important
}

.custom-form-wrapper .wpforms-field input.wpforms-smart-phone-field {
    padding-left: 50px !important
}

.custom-form-wrapper .wpforms-submit,
.subscribers-btn {
    font-size: 16px !important;
    line-height: 23px !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    font-family: latobold !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    padding: 15px 25px !important;
    border-radius: 6px !important;
    color: #fff !important;
    letter-spacing: .5px !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    background: #ff5a00 !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1))) !important;
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) !important;
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.custom-form-wrapper .wpforms-submit:hover,
,
.subscribers-btn:hover {
    background: #000 !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1))) !important;
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%) !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.custom-form-wrapper input[type=text],
.custom-form-wrapper input[type=file],
.custom-form-wrapper input[type=password],
.custom-form-wrapper input[type=email],
.custom-form-wrapper input[type=url],
.custom-form-wrapper input[type=date],
.custom-form-wrapper input[type=month],
.custom-form-wrapper input[type=time],
.custom-form-wrapper input[type=datetime],
.custom-form-wrapper input[type=datetime-local],
.custom-form-wrapper input[type=week],
.custom-form-wrapper input[type=number],
.custom-form-wrapper input[type=search],
.custom-form-wrapper input[type=tel],
.custom-form-wrapper input[type=color],
.custom-form-wrapper select,
.custom-form-wrapper textarea {
    height: 45px;
    width: 100%;
    margin: 0;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 400;
    line-height: 45px;
    padding: 0 15px;
    background-color: #fff;
    color: #555;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.custom-form-wrapper input[type=text]:hover,
.custom-form-wrapper input[type=file]:hover,
.custom-form-wrapper input[type=password]:hover,
.custom-form-wrapper input[type=email]:hover,
.custom-form-wrapper input[type=url]:hover,
.custom-form-wrapper input[type=date]:hover,
.custom-form-wrapper input[type=month]:hover,
.custom-form-wrapper input[type=time]:hover,
.custom-form-wrapper input[type=datetime]:hover,
.custom-form-wrapper input[type=datetime-local]:hover,
.custom-form-wrapper input[type=week]:hover,
.custom-form-wrapper input[type=number]:hover,
.custom-form-wrapper input[type=search]:hover,
.custom-form-wrapper input[type=tel]:hover,
.custom-form-wrapper input[type=color]:hover,
.custom-form-wrapper select:hover,
.custom-form-wrapper textarea:hover {
    border-color: #999;
    background-color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.custom-form-wrapper input[type=text]:focus,
.custom-form-wrapper input[type=file]:focus,
.custom-form-wrapper input[type=password]:focus,
.custom-form-wrapper input[type=email]:focus,
.custom-form-wrapper input[type=url]:focus,
.custom-form-wrapper input[type=date]:focus,
.custom-form-wrapper input[type=month]:focus,
.custom-form-wrapper input[type=time]:focus,
.custom-form-wrapper input[type=datetime]:focus,
.custom-form-wrapper input[type=datetime-local]:focus,
.custom-form-wrapper input[type=week]:focus,
.custom-form-wrapper input[type=number]:focus,
.custom-form-wrapper input[type=search]:focus,
.custom-form-wrapper input[type=tel]:focus,
.custom-form-wrapper input[type=color]:focus,
.custom-form-wrapper select:focus,
.custom-form-wrapper textarea:focus {
    border-color: var(--main-theme-color);
    background-color: #fff
}

.custom-form-wrapper .chosen-container {
    height: 45px;
    line-height: 41px;
    width: 100%;
    outline: none;
    margin: 0;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.custom-form-wrapper .chosen-container.chosen-container-multi {
    height: auto;
    min-height: 45px
}

.custom-form-wrapper .chosen-container:hover {
    border-color: #999;
    background-color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.custom-form-wrapper .chosen-container:focus {
    border-color: #00a5fa;
    background-color: #efefef
}

.custom-form-wrapper .chosen-container.chosen-container-multi .chosen-choices {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    padding: 0 15px
}

.custom-form-wrapper .chosen-container.chosen-container-multi .chosen-choices li.search-choice {
    margin: 10px 5px
}

.custom-form-wrapper .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-size: 17px;
    font-weight: 400
}

.custom-form-wrapper .chosen-container .chosen-single {
    padding: 0 15px;
    font-size: 17px;
    line-height: 40px;
    font-weight: 400;
    color: #555;
    height: auto;
    border: none !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: 0 0 !important
}

.custom-form-wrapper .chosen-container .chosen-single div b {
    background-position: 0 12px
}

.custom-form-wrapper .chosen-container .chosen-drop {
    top: calc(100% - 2px);
    border: 2px solid #ccc;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0 0 0 -2px;
    -webkit-box-shadow: 7px 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 7px 5px 15px rgba(0, 0, 0, .1);
    width: calc(100% + 4px);
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

.custom-form-wrapper .chosen-container .chosen-drop:hover {
    border-color: #999
}

.custom-form-wrapper .chosen-container .chosen-search input[type=text] {
    height: auto;
    line-height: 20px;
    font-size: 16px;
    padding: 1px 4px;
    min-height: unset
}

.custom-form-wrapper .chosen-container .chosen-drop .chosen-results li {
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.custom-form-wrapper .chosen-container .chosen-drop .chosen-results li.highlighted {
    background: #00a5fa
}

.custom-form-successful-alert {
    text-align: center;
    padding: 50px 0
}

.custom-form-successful-alert .custom-form-alert-icon {
    margin: 0 0 20px;
    padding: 0
}

.custom-form-successful-alert .custom-form-alert-icon img {
    max-width: 150px
}

.custom-form-successful-alert .custom-form-alert-content .custom-form-alert-content-text {
    margin: 0;
    padding: 0;
    font-size: 27px;
    line-height: 37px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.custom-form-wrapper .acf-fields.-border {
    border: none
}

.custom-form-wrapper .acf-fields .acf-field {
    margin: 20px 0 0;
    padding: 0;
    border: none
}

.custom-form-wrapper .acf-fields .acf-field:first-child {
    margin: 0;
    padding: 0
}

.custom-form-wrapper .acf-form-submit {
    margin: 20px 0 0;
    padding: 0
}

.custom-form-wrapper .acf-input input[type=text],
.custom-form-wrapper .acf-input input[type=email],
.custom-form-wrapper .acf-input input[type=tel],
.custom-form-wrapper .acf-input input[type=url],
.custom-form-wrapper .acf-input input[type=file],
.custom-form-wrapper .acf-input input[type=password],
.custom-form-wrapper .acf-input select,
.custom-form-wrapper .acf-input textarea:not(.wp-editor-area) {
    background-color: #f7f7f7 !important;
    border: 2px solid #e3e3e3 !important;
    padding: 10px 15px !important;
    border-radius: 7px !important;
    width: 100% !important;
    outline: none !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important;
    font-size: 17px !important;
    line-height: 25px !important
}

.custom-form-wrapper .acf-input textarea.wp-editor-area {
    border: none
}

.custom-form-wrapper .acf-input input[type=text],
.custom-form-wrapper .acf-input input[type=email],
.custom-form-wrapper .acf-input input[type=tel],
.custom-form-wrapper .acf-input input[type=url],
.custom-form-wrapper .acf-input input[type=file],
.custom-form-wrapper .acf-input input[type=password],
.custom-form-wrapper .acf-input select {
    height: auto !important
}

.custom-form-wrapper .acf-input input[type=text]:hover,
.custom-form-wrapper .acf-input input[type=email]:hover,
.custom-form-wrapper .acf-input input[type=tel]:hover,
.custom-form-wrapper .acf-input input[type=url]:hover,
.custom-form-wrapper .acf-input input[type=file]:hover,
.custom-form-wrapper .acf-input input[type=password]:hover,
.custom-form-wrapper .acf-input select:hover,
.custom-form-wrapper .acf-input textarea:not(.wp-editor-area):hover {
    border-color: #999 !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

.custom-form-wrapper .acf-input input[type=text]:focus,
.custom-form-wrapper .acf-input input[type=email]:focus,
.custom-form-wrapper .acf-input input[type=tel]:focus,
.custom-form-wrapper .acf-input input[type=url]:focus,
.custom-form-wrapper .acf-input input[type=file]:focus,
.custom-form-wrapper .acf-input input[type=password]:focus,
.custom-form-wrapper .acf-input select:focus,
.custom-form-wrapper .acf-input textarea:not(.wp-editor-area):focus {
    border-color: var(--main-theme-color) !important;
    -webkit-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

.custom-form-wrapper .acf-input .acf-url i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    position: absolute;
    top: 12px;
    left: 12px;
    opacity: 1;
    color: #aaa
}

.custom-form-wrapper .acf-label label {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 25px !important;
    color: #000;
    font-family: latosemibold !important;
    font-weight: 400 !important
}

.custom-form-wrapper .acf-label label .acf-required {
    color: red !important
}

.custom-form-wrapper .acf-form-submit .acf-button {
    font-size: 16px !important;
    line-height: 23px !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    font-family: latobold !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    padding: 15px 25px !important;
    border-radius: 6px !important;
    color: #fff !important;
    letter-spacing: .5px !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    background: #ff5a00 !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1))) !important;
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) !important;
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.custom-form-wrapper .acf-form-submit .acf-button:hover {
    background: #000 !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1))) !important;
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%) !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.hasCountdown {
    padding: 0;
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hasCountdown .countdown_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: -5px
}

.hasCountdown .countdown_section {
    background: var(--main-gray-bg-color);
    border-radius: 5px;
    margin: 5px;
    min-width: 60px;
    font-family: latoblack;
    font-weight: 400;
    font-size: 9px;
    line-height: 13px;
    color: #000;
    text-transform: uppercase;
    padding: 0 0 5px;
    letter-spacing: .2px;
    position: relative;
    overflow: hidden
}

.hasCountdown .countdown_section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .3;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(75%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)
}

.hasCountdown .countdown_section .countdown_amount {
    font-size: 19px;
    line-height: 22px;
    font-family: latobold;
    font-weight: 400;
    color: #000;
    padding: 7px 5px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-gray-bg-color);
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 5px
}

.site-header {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

body.admin-bar .site-header {
    top: 32px
}

.site-header.fixed-header {
    position: fixed;
    top: -200px
}

body.admin-bar .site-header.fixed-header {
    position: fixed;
    top: -200px
}

.site-header.sticky-header {
    position: fixed;
    top: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

body.admin-bar .site-header.sticky-header {
    top: 32px
}

.site-header-container {
    padding: 15px
}

.site-header-container .site-header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-header-container .site-header-row .site-header-col.site-header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 220px
}

.site-header-container .site-header-row .site-header-col.site-header-logo .site-branding {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.site-header-container .site-header-row .site-header-col.site-header-logo .site-branding a.custom-logo-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.site-header-container .site-header-row .site-header-col.site-header-logo .site-branding img.custom-logo {
    height: 75px
}

.site-header-container .site-header-row .site-header-col.site-header-navigation {
    width: calc(100% - 220px)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation {
    float: right;
    margin: 0;
    width: auto
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    margin-left: 30px;
    font-family: latobold;
    letter-spacing: .3px
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item:first-child {
    margin-left: 0
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item a {
    color: #000
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item a:hover,
.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.current-menu-item a {
    color: var(--main-theme-color)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children a:first-child {
    padding-right: 20px;
    position: relative;
    cursor: pointer
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children a:first-child::before {
    content: "";
    height: 2px;
    width: 7px;
    background: #aaa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children a:first-child::after {
    content: "";
    height: 2px;
    width: 7px;
    background: #aaa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children.submenu-active a:first-child::before {
    content: "";
    height: 2px;
    width: 10px;
    background: var(--main-theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children.submenu-active a:first-child::after {
    content: "";
    height: 2px;
    width: 10px;
    background: var(--main-theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
    position: absolute;
    max-width: 230px;
    width: 100%;
    background: #fff;
    border-radius: 0 0 6px 6px;
    top: 89px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
    z-index: 99;
    overflow: hidden;
    display: none
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item {
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee;
    text-transform: unset;
    width: 100%
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item:first-child {
    border-top: 0
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a {
    padding: 10px 15px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:hover {
    padding-left: 20px;
    background: #eee
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:first-child {
    padding-right: 15px;
    position: unset
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:first-child::after {
    display: none
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:first-child::before {
    display: none
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .header-nav-button a {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 6px;
    color: #fff !important;
    letter-spacing: .5px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1)));
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .header-nav-button a:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.site-header-mobile-menu-button,
.site-header-mobile-menu-container {
    display: none
}

.site-content {
    padding-top: 90px
}

.home-banner-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 70px 0
}

.home-banner-section .home-banner-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.home-banner-section .home-banner-content-wrapper {
    width: calc(100% - 50px)
}

.home-banner-section .home-banner-content-wrapper .home-banner-title {
    margin: 0 0 20px;
    padding: 0;
    font-family: latoblack;
    font-size: 41px;
    line-height: 50px;
    letter-spacing: .5px
}

.home-banner-section .home-banner-content-wrapper .home-banner-title b {
    color: var(--main-theme-color)
}

.home-banner-section .home-banner-content-wrapper .home-banner-description {
    margin: 0 0 35px;
    padding: 0;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: .5px
}

.home-banner-section .home-banner-content-wrapper .home-banner-description strong {
    font-family: latobold;
    font-weight: 400
}

.home-banner-section .home-banner-content-wrapper .home-banner-event-infomation .home-banner-event-info-title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: latobold;
    letter-spacing: .5px
}

.home-banner-section .home-banner-content-wrapper .home-banner-event-infomation .home-banner-event-info-title span {
    padding-left: 23px;
    position: relative;
    font-size: 20px
}

.home-banner-section .home-banner-content-wrapper .home-banner-event-infomation .home-banner-event-info-title span::before {
    content: "\e905";
    position: absolute;
    left: 0;
    top: 0;
    font-family: techjobsfair-icon-pack;
    font-size: 18px;
    font-weight: 400;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }

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

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }

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

.home-banner-section .home-banner-content-wrapper .home-banner-event-infomation .home-banner-event-countdown {
    margin: 0 0 30px
}

.home-banner-section .home-banner-content-wrapper .tjf-theme-black-button {
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.home-banner-section .home-banner-content-wrapper .tjf-theme-black-button:hover {
    background: #fff;
    color: #000 !important;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.home-banner-section .home-banner-video-wrapper .home-banner-video {
    background-color: #000;
    min-height: 550px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.home-banner-section .home-banner-video-wrapper .home-banner-video .home-banner-video-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 70px;
    width: 70px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.home-banner-section .home-banner-video-wrapper .home-banner-video:hover .home-banner-video-play-button {
    background: #c90000;
    -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.home-banner-section .home-banner-video-wrapper .home-banner-video:hover .home-banner-video-play-button:hover {
    -webkit-animation: blinkbtn 2s infinite;
    animation: blinkbtn 2s infinite
}

@-webkit-keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

@keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

.home-banner-section .home-banner-video-wrapper .home-banner-video .home-banner-video-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-banner-section .home-banner-video-wrapper .home-banner-video .home-banner-video-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7
}

.upcoming-tjf-section {
    position: relative
}

.upcoming-tjf-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--main-gray-bg-color);
    height: 600px;
    width: 100%;
    left: 0;
    bottom: -50px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 65%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 65%)
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list {
    margin: -15px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li {
    width: calc(25% - 30px);
    margin: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box {
    min-height: 210px;
    background-color: #fff;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), color-stop(70%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 70%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box .upcoming-tjf-box-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box:hover .upcoming-tjf-box-content {
    padding: 20px 20px 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box .upcoming-tjf-box-content .upcoming-tjf-location {
    margin: 0 0 3px;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    color: #fff;
    font-family: latobold;
    font-weight: 400;
    letter-spacing: .5px;
    word-break: break-all
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box .upcoming-tjf-box-content .upcoming-tjf-date {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .3px;
    position: relative;
    padding-left: 22px
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li .upcoming-tjf-box .upcoming-tjf-box-content .upcoming-tjf-date::before {
    content: "\e900";
    position: absolute;
    left: 0;
    top: 0;
    font-family: techjobsfair-icon-pack;
    font-weight: 400
}

.why-attend-section {
    padding: 70px 0
}

.why-attend-short-infomation {
    text-align: center
}

.why-attend-short-infomation p {
    margin: 0
}

.why-attend-short-infomation .main-title-with-subtitle-wrapper {
    margin-bottom: 15px
}

.why-attend-section .tjf-row {
    align-items: center;
    padding-top: 70px
}

.why-attend-img-col {
    text-align: center
}

.why-attend-content-col h4 {
    font-family: latobold;
    margin: 0;
    font-size: 28px;
    color: var(--main-theme-color)
}

.why-attend-content-col ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.why-attend-content-col li {
    margin-top: 30px;
    display: flex
}

.why-attend-content-col li strong {
    display: block
}

.why-attend-content-col strong {
    font-family: latobold
}

.why-attend-content-col li span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    background: var(--main-theme-light-color);
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-top: 5px
}

.meet-our-partners-section {
    padding: 70px 0;
    background-color: var(--main-theme-light-color)
}

.meet-our-partners-section .main-title-with-subtitle-wrapper {
    margin: 0 0 50px
}

.meet-our-partners-section .meet-our-partners-col {
    text-align: center
}

.meet-our-partners-section .meet-our-partners-col h4 {
    font-size: 23px;
    line-height: 30px;
    color: #000;
    font-family: latobold;
    margin: 20px 0;
    padding: 0;
    letter-spacing: .2px
}

.companies-partners-logos-group .companies-partners-logos-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.companies-partners-logos-group .companies-partners-logos-list li {
    background: #fff;
    width: calc(33.3% - 20px);
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 130px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #fff;
    position: relative
}

.companies-partners-logos-group .companies-partners-logos-list li img {
    max-height: 100px;
    max-width: calc(100% - 30px)
}

.companies-partners-logos-group .companies-partners-logos-list li:hover {
    border-color: var(--main-theme-color);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 3px 20px rgb(0 0 0/10%)
}

.companies-partners-logos-group .companies-partners-logos-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.companies-partners-logos-group .companies-partners-logos-list li .companies-partners-logo {
    position: absolute;
    height: calc(100% - 50px);
    width: calc(100% - 50px);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.companies-partners-logos-group .companies-partners-logos-list li .view-all-companies-partners {
    position: absolute;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: latobold;
    font-weight: 400;
    font-size: 20px;
    color: var(--main-txt-url-hover-color)
}

.companies-partners-logos-group .companies-partners-logos-list li .view-all-companies-partners:hover {
    color: var(--main-txt-url-color)
}

.former-partners-section {
    padding: 70px 0
}

.former-partners-section .main-title-with-subtitle-wrapper {
    margin: 0 0 50px
}

.video-testimonlial-box-wrapper {
    margin: 0 0 50px;
    padding: 0
}

.video-testimonlial-box-wrapper .video-testimonlial {
    background-color: #000;
    min-height: 285px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.video-testimonlial-box-wrapper .video-testimonlial:hover .video-testimonlial-play-button {
    background: #c90000;
    -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.video-testimonlial-box-wrapper .video-testimonlial:hover .video-testimonlial-play-button:hover {
    -webkit-animation: blinkbtn 2s infinite;
    animation: blinkbtn 2s infinite
}

@-webkit-keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

@keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

.video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5
}

.video-testimonlial-box-wrapper .video-testimonlial-author {
    margin-top: 20px
}

.video-testimonlial-box-wrapper .video-testimonlial-author .video-testimonlial-author-name {
    margin: 0 0 3px;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.video-testimonlial-box-wrapper .video-testimonlial-author .video-testimonlial-author-designation {
    color: #777
}

.testimonlial-box-wrapper {
    margin: 0;
    padding: 0
}

.testimonlial-box-wrapper .testimonlial {
    border: 1px solid #c2c2c2;
    background: #fff;
    padding: 30px;
    font-size: 19px;
    line-height: 28px;
    color: #000;
    border-radius: 10px
}

.testimonlial-box-wrapper .testimonlial-author {
    margin-top: 20px
}

.testimonlial-box-wrapper .testimonlial-author .testimonlial-author-name {
    margin: 0 0 3px;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.testimonlial-box-wrapper .testimonlial-author .testimonlial-author-designation {
    color: #777
}

.testimonial-content-section {
    padding: 60px 0;
    background: var(--main-gray-bg-color)
}

.testimonial-content-section .video-testimonlial-box-wrapper {
    margin: 0;
    padding: 0
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial {
    background-color: #000;
    min-height: 285px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial:hover .video-testimonlial-play-button {
    background: #c90000;
    -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial:hover .video-testimonlial-play-button:hover {
    -webkit-animation: blinkbtn 2s infinite;
    animation: blinkbtn 2s infinite
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial .video-testimonlial-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial-author {
    margin-top: 20px;
    text-align: center
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial-author .video-testimonlial-author-name {
    margin: 0 0 3px;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.testimonial-content-section .video-testimonlial-box-wrapper .video-testimonlial-author .video-testimonlial-author-designation {
    color: #777
}

.testimonial-content-section .testimonlial-box-wrapper .testimonlial {
    border: 1px solid #c2c2c2;
    background: #fff;
    padding: 30px;
    font-size: 19px;
    line-height: 28px;
    color: #000;
    border-radius: 10px
}

.testimonial-content-section .testimonlial-box-wrapper .testimonlial-author {
    margin-top: 20px;
    text-align: center
}

.testimonial-content-section .testimonlial-box-wrapper .testimonlial-author .testimonlial-author-name {
    margin: 0 0 3px;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.testimonial-content-section .testimonlial-box-wrapper .testimonlial-author .testimonlial-author-designation {
    color: #777
}

.single-location-banner-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 60px
}

.single-location-banner-section .single-location-banner-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.single-location-banner-section .single-location-banner-content-wrapper {
    width: calc(100% - 50px)
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-title {
    margin: 0 0 10px;
    padding: 0;
    font-family: latoblack;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: .5px
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-title b {
    color: var(--main-theme-color)
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-description {
    font-family: latobold;
    font-weight: 400;
    margin: 0 0 25px;
    padding: 0;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: .5px
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-event-countdown {
    margin: 0 0 30px
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-event-infomation .single-job-fair-description {
    margin: 0 0 35px;
    padding: 0;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: .5px
}

.single-location-banner-section .single-location-banner-content-wrapper .single-location-event-infomation .single-job-fair-description strong {
    font-family: latobold;
    font-weight: 400
}

.single-location-banner-section .single-location-banner-content-wrapper .tjf-theme-button {
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video {
    min-height: 550px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video .single-location-banner-video-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 70px;
    width: 70px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video:hover .single-location-banner-video-play-button {
    background: #c90000;
    -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video:hover .single-location-banner-video-play-button:hover {
    -webkit-animation: blinkbtn 2s infinite;
    animation: blinkbtn 2s infinite
}

@-webkit-keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

@keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video .single-location-banner-video-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.single-location-banner-section .single-location-banner-video-wrapper .single-location-banner-video .single-location-banner-video-thumbnail {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.select-your-ticket-section {
    padding: 60px 0 0;
    position: relative;
    z-index: 1
}

.select-your-ticket-section .main-title-with-subtitle-wrapper {
    margin: 0 0 40px
}

.select-your-ticket-section .all-tickets-group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.select-your-ticket-section .all-tickets-group-wrapper ul.all-tickets-group-list {
    padding: 0;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    list-style-type: none
}

.select-your-ticket-section .all-tickets-group-wrapper ul.all-tickets-group-list li.ticket-item {
    display: flex;
    max-width: 550px;
    width: 100%
}

.ticket-package-box-wrapper {
    background-color: var(--main-gray-bg-color);
    border-radius: 10px;
    overflow: hidden;
    padding: 30px
}

.ticket-package-box-wrapper .ticket-package-head-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ticket-package-box-wrapper .ticket-package-head-wrapper .ticket-package-name .ticket-package-name-text {
    margin: 0;
    font-size: 26px;
    font-family: latoblack;
    letter-spacing: .5px
}

.ticket-package-box-wrapper .ticket-package-head-wrapper .ticket-package-type .ticket-package-type-text {
    margin: 0;
    font-family: latobold;
    letter-spacing: .5px;
    font-size: 20px
}

.ticket-package-box-wrapper .ticket-package-head-wrapper .ticket-package-description {
    padding: 0 20px;
    min-height: 50px
}

.ticket-package-box-wrapper .ticket-package-head-wrapper .ticket-package-description .ticket-package-description-text {
    padding: 0;
    margin: 0;
    font-family: latobold;
    font-weight: 400;
    color: #999;
    font-size: 20px;
    line-height: 25px
}

.ticket-package-box-wrapper .ticket-package-body-wrapper {
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    border-radius: 6px
}

.ticket-package-description-text {
    margin: 0;
    font-weight: 700;
    font-size: 21px;
    font-family: latobold
}

.ticket-package-name:after {
    content: "";
    width: 100px;
    height: 5px;
    display: block;
    border-radius: 10px;
    margin-top: 15px
}

.participant-ticket-package {
    border-radius: 10px 0 0 10px
}

.participant-ticket-package .ticket-package-name {
    color: var(--main-txt-color)
}

.participant-ticket-package .ticket-package-name:after {
    background-color: var(--main-txt-color)
}

.participant-ticket-package .tjf-theme-button {
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.participant-ticket-package .tjf-theme-button:hover {
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 1)), to(rgba(255, 120, 0, 1)));
    background: -o-linear-gradient(left, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ff7800", GradientType=1)
}

.company-ticket-package {
    background-color: var(--main-theme-light-color);
    box-shadow: -10px 0 20px rgb(0 0 0/5%);
    height: calc(100% + 60px);
    top: -30px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 0
}

.company-ticket-package .tjf-theme-button:hover {
    background: linear-gradient(-90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%)
}

.company-ticket-package .ticket-package-name {
    color: var(--main-theme-color)
}

.company-ticket-package .ticket-package-name:after {
    background-color: var(--main-theme-color)
}

.company-ticket-package .tjf-theme-button:after {
    content: "";
    animation: AnimPulse 2s infinite;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-theme-color);
    transform: translate(0, 0);
    z-index: -1;
    border-radius: 6px;
    transition: all .4s 0s
}

@keyframes AnimPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 120 0)
    }

    70% {
        box-shadow: 0 0 0 70px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

.ticket-package-box-wrapper .ticket-package-body-wrapper ul.ticket-package-infomation-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ticket-package-box-wrapper .ticket-package-body-wrapper ul.ticket-package-infomation-list li {
    margin-top: 15px;
    display: flex
}

.ticket-package-box-wrapper .ticket-package-body-wrapper ul.ticket-package-infomation-list li svg {
    margin-right: 15px;
    flex: 0 0 20px;
    margin-top: 10px
}

.ticket-package-box-wrapper .ticket-package-foot-wrapper {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.ticket-package-box-wrapper .ticket-package-foot-wrapper .ticket-package-foot-info {
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    line-height: 20px
}

.ticket-package-box-wrapper .ticket-package-foot-wrapper .tjf-theme-button {
    max-width: 270px;
    width: 100%;
    position: relative;
    overflow: inherit
}

.our-agenda-section {
    padding-top: 60px
}

.our-agenda-section .our-agenda-list-boxs-wrapper ul.our-agenda-list-boxs {
    margin: 0 -15px 30px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.our-agenda-section .our-agenda-list-boxs-wrapper ul.our-agenda-list-boxs li.our-agenda-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(33.3% - 30px);
    margin: 15px
}

.our-agenda-section .our-agenda-list-box {
    margin: 0;
    border-radius: 10px;
    width: 100%;
    padding: 35px;
    box-shadow: 0 5px 30px rgb(0 0 0/5%)
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info:first-child {
    margin-top: 0
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info .our-agenda-time {
    width: calc(100px - 20px);
    margin-right: 20px;
    position: relative;
    font-size: 23px;
    line-height: 27px;
    font-family: latoblack
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info .our-agenda-time::before {
    content: "";
    height: calc(100% - 4px);
    width: 4px;
    background-color: var(--main-theme-color);
    border-radius: 10px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info .our-agenda-time span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-family: latobold;
    font-size: 18px;
    line-height: 25px;
    color: #999
}

.our-agenda-section .our-agenda-list-box ul.our-agenda-info-wrapper li.our-agenda-info .our-agenda-name {
    width: calc(100% - 120px);
    margin-left: auto;
    font-family: latobold;
    font-size: 20px;
    line-height: 25px
}

.single-partners-heading-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

.single-partners-heading-title h2 {
    font-family: latobold;
    margin: 0;
    font-size: 30px
}

.single-partners-heading-title p {
    margin: 10px 0 0
}

.single-location-former-exhibitors {
    padding: 60px 0 130px;
    background-image: url(../svg/shape-bg.svg);
    background-size: cover;
    background-position: bottom
}

.single-location-our-partners {
    padding: 60px 0
}

.single-location-partners-section {
    padding-top: 70px
}

.single-location-partners-section .main-title-with-subtitle-wrapper {
    margin-bottom: 50px
}

.single-location-partners-section .main-title-wrapper {
    margin: 0;
    padding: 0
}

.single-location-partners-section .partners-logos-list-wrapper {
    margin: 0
}

.single-location-partners-section .partners-logos-list-wrapper ul.partners-logos-list {
    margin: -10px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-location-partners-section .partners-logos-list-wrapper ul.partners-logos-list li.partners-logo-item {
    background-color: #fff;
    width: calc(16.6% - 20px);
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 140px;
    border: 1px solid var(--main-gray-bg-color);
    border-radius: 8px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-location-partners-section .partners-logos-list-wrapper ul.partners-logos-list li.partners-logo-item:hover {
    border-color: var(--main-theme-color);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 3px 20px rgb(0 0 0/10%)
}

.single-location-partners-section .partners-logos-list-wrapper ul.partners-logos-list li.partners-logo-item a.partners-logo-url {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.single-location-partners-section .partners-logos-list-wrapper ul.partners-logos-list li.partners-logo-item img {
    position: absolute;
    max-width: calc(100% - 40px);
    width: auto;
    max-height: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.single-location-partners-section .partners-group-title {
    text-align: center
}

.single-location-partners-section .partners-group-title .partners-group-title-text {
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    background-color: #fff;
    border: 2px solid var(--main-theme-color);
    border-radius: 30px;
    margin: 30px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 30px;
    color: #000
}

.single-location-partners-section .cta-title-text {
    font-size: 26px;
    line-height: 30px;
    color: #000;
    font-family: latobold;
    margin: 40px 0 20px;
    padding: 0;
    letter-spacing: .2px
}

.single-location-social-responsibility-section {
    padding: 70px 0;
    text-align: center
}

.single-location-social-responsibility-section+.fair-location-section {
    padding-top: 0
}

.single-location-other-partners {
    margin-top: 40px
}

.single-location-other-partners .single-partners-heading-title h3 {
    margin: 0
}

.single-location-other-partners .single-partners-heading-flex {
    margin-bottom: 15px
}

.single-location-social-responsibility {
    padding: 70px 0;
    border-bottom: 1px solid var(--main-gray-bg-color);
    text-align: center
}

.our-speakers-section {
    padding-bottom: 40px;
    position: relative;
    padding-top: 130px
}

.our-speakers-section:after {
    content: "";
    background-image: url(../svg/shape-bg.svg);
    background-size: cover;
    background-position: bottom;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: rotate(180deg)
}

.our-speakers-section .our-speakers-list-wrapper {
    margin-top: 20px
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list {
    margin: -10px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item {
    width: calc(20% - 30px);
    margin: 15px
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item img {
    max-width: 100%;
    width: auto
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box {
    margin: 0 0 15px
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-header {
    margin: 0 0 20px;
    border-radius: 10px;
    overflow: hidden;
    filter: grayscale(0);
    transition: all .3s 0s
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-header .our-speaker-image {
    height: 250px;
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s 0s
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-header .our-speaker-company-logo {
    height: 90px;
    width: 90px;
    position: absolute;
    right: 50px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid var(--main-theme-color);
    display: none
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-header .our-speaker-company-logo img {
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-footer {
    text-align: center
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-footer .our-speaker-name {
    margin: 0 0 5px;
    padding: 0;
    width: 100%
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item .our-speaker-info-box .our-speaker-info-footer .our-speaker-name .our-speaker-name-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-family: latobold;
    transition: all .3s 0s
}

.our-speakers-section .cta-title-text {
    font-size: 26px;
    line-height: 30px;
    color: #000;
    font-family: latobold;
    margin: 20px 0;
    padding: 0;
    letter-spacing: .2px
}

.our-speaker-designation {
    font-size: 16px
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item:hover .our-speaker-info-box .our-speaker-info-header .our-speaker-image {
    filter: grayscale(1);
    transform: scale(1.1)
}

.our-speakers-section .our-speakers-list-wrapper ul.our-speakers-list li.our-speaker-item:hover .our-speaker-info-box .our-speaker-info-footer .our-speaker-name .our-speaker-name-text {
    color: var(--main-theme-color)
}

.fair-location-section {
    padding: 70px 0;
    position: relative
}

.fair-location-section .main-title-with-subtitle-wrapper {
    margin-bottom: 50px
}

.fair-location-section .tjf-row.fair-location-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fair-location-section .fair-location-map {
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 5px 30px rgb(0 0 0/5%)
}

.fair-location-section .fair-location-map iframe {
    width: 100%
}

.fair-location-section .fair-location-content {
    max-width: calc(100% - 50px);
    width: 100%;
    margin-left: auto
}

.fair-location-section .fair-location-content .fair-location-content-title {
    font-size: 19px;
    line-height: 25px;
    font-family: latobold;
    color: #000;
    margin: 0 0 5px;
    padding: 0
}

.fair-location-section .fair-location-content p {
    margin: 0 0 20px;
    padding: 0
}

.fair-location-section .fair-location-content ul.fair-location-button-group {
    margin: 0 -5px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    width: 100%
}

.fair-location-section .fair-location-content ul.fair-location-button-group li {
    margin: 5px;
    display: inline-block
}

.inner-page-banner-section {
    padding: 60px 0;
    background-color: var(--main-theme-light-color)
}

.inner-page-banner-section .inner-banner-title-wrapper {
    text-align: center
}

.inner-page-banner-section .inner-banner-title-wrapper .inner-banner-title {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 45px;
    font-family: latoblack;
    color: var(--main-theme-color);
    font-weight: 400;
    letter-spacing: .5px
}

.inner-page-banner-section .inner-banner-title-wrapper .inner-banner-sub-title {
    margin: 10px 0 0;
    padding: 0;
    font-size: 21px;
    line-height: 27px;
    font-family: latosemibold;
    font-weight: 400;
    letter-spacing: .5px
}

.contact-content-section .contact-infomation-wrapper {
    width: calc(100% - 50px);
    margin-left: auto
}

.contact-content-section .contact-infomation-wrapper h3 {
    font-size: 30px;
    line-height: 35px;
    color: #111;
    font-family: latobold;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 0
}

.contact-content-section .contact-infomation-wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.contact-content-section .contact-infomation-wrapper ul li {
    position: relative;
    padding: 2px 0 2px 20px
}

.contact-content-section .contact-infomation-wrapper ul li::before {
    content: "";
    height: 9px;
    width: 9px;
    background-color: var(--main-theme-color);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.testimonial-content-section .testimonial-masonry-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 0;
    padding: 0;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em
}

.testimonial-content-section .testimonial-masonry-list .testimonial-item {
    display: inline-block;
    margin: 0 0 40px;
    width: 100%;
    padding: 0;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.testimonial-content-section .testimonial-masonry-list .testimonial-item .video-testimonlial-box-wrapper {
    margin: 0;
    padding: 0
}

.all-company-partners-wrapper ul.all-company-partners-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.all-company-partners-wrapper ul.all-company-partners-list li.company-partner-item {
    width: calc(25% - 30px);
    margin: 15px;
    border: 1px solid var(--main-gray-bg-color);
    border-radius: 10px;
    cursor: default;
    transition: all .5s
}

.all-company-partners-wrapper ul.all-company-partners-list li.company-partner-item:hover {
    border-color: var(--main-theme-color);
    box-shadow: 10px 10px 20px rgb(255 120 0/10%)
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-profile-box-row .company-partner-profile-box-left-col {
    padding: 20px;
    position: relative
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-profile-box-row .company-partner-profile-box-right-col {
    border-top: 1px solid var(--main-gray-bg-color);
    padding: 20px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-logo {
    width: 150px;
    height: 100px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-logo img.company-partner-logo-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px)
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-name {
    margin: 0 0 10px;
    padding: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-name h4 {
    margin: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-name .company-partner-name-text {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: var(--main-dark-txt-color);
    text-transform: uppercase;
    font-family: latoblack;
    font-weight: 400;
    word-break: break-word
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-name .company-partner-name-text:hover {
    color: var(--main-theme-color)
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper {
    margin: 0 0 20px;
    padding: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history li {
    width: 100%;
    position: relative;
    padding: 0 0 0 30px;
    margin-top: 5px;
    font-size: 14px;
    line-height: normal;
    word-break: break-word
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history li:first-child {
    margin-top: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-size::before {
    content: "\e909";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-industry::before {
    content: "\e90a";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-location::before {
    content: "\e905";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-founded::before {
    content: "\e900";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-description {
    margin: 0 0 20px;
    padding: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-description p {
    margin: 15px 0 0;
    padding: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-description p:first-child {
    margin: 0;
    padding: 0
}

/*.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-info-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}*/

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px;
    word-break: break-all
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website .company-partner-website-url {
    position: relative;
    padding: 0 0 0 30px;
    color: var(--main-dark-txt-color)
}

.company-partner-profile-box-left-col .company-partner-website-url {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website .company-partner-website-url:hover {
    color: var(--main-theme-color)
}

/*.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-social-links-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
*/
.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 auto;
    padding: 0
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.facebook-link a {
    color: #38539b
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.twitter-link a {
    color: #2aa5db
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.linkedin-link a {
    color: #0070ac
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.instagram-link a {
    color: #c63490
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.youtube-link a {
    color: #f80000
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.xing-link a {
    color: #045d61
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li a {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-company-partners-wrapper .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.company-partner-content-section {
    padding: 60px 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-profile-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.company-partner-content-section .company-partner-profile-box .company-partner-profile-box-row .company-partner-profile-box-left-col {
    width: 150px;
    margin-right: 30px
}

.company-partner-content-section .company-partner-profile-box .company-partner-profile-box-row .company-partner-profile-box-right-col {
    width: calc(100% - 180px)
}

.company-partner-content-section .company-partner-profile-box .company-partner-logo {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid #d4d4d4
}

.company-partner-content-section .company-partner-profile-box .company-partner-logo img.company-partner-logo-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px)
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-name {
    margin: 0 0 15px;
    padding: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-name .company-partner-name-text {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 35px;
    color: var(--main-dark-txt-color);
    text-transform: uppercase;
    font-family: latoblack;
    font-weight: 400
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper {
    margin: 0 0 20px;
    padding: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: latosemibold;
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history li {
    width: 100%;
    position: relative;
    padding: 0 0 0 30px;
    margin-top: 5px;
    fpnt-size: 16px;
    font-weight: 600
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-history-wrapper ul.company-partner-history li:first-child {
    margin-top: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-size::before {
    content: "\e909";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-industry::before {
    content: "\e90a";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-location::before {
    content: "\e905";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation ul.company-partner-history li.company-founded::before {
    content: "\e900";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-description {
    margin: 0 0 20px;
    padding: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-description p {
    margin: 15px 0 0;
    padding: 0;
    line-height: 1.6em
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-description p:first-child {
    margin: 0;
    padding: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px;
    word-break: break-all
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website .company-partner-website-url {
    position: relative;
    padding: 0 0 0 30px;
    color: var(--main-theme-color)
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website .company-partner-website-url::before {
    content: "\e90b";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 17px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-website .company-partner-website-url:hover {
    color: var(--main-dark-txt-color)
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-info-foot .company-partner-social-links-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0 0;
    padding: 0
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.facebook-link a {
    color: #38539b
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.twitter-link a {
    color: #2aa5db
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.linkedin-link a {
    color: #0070ac
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.instagram-link a {
    color: #c63490
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.youtube-link a {
    color: #f80000
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li.xing-link a {
    color: #045d61
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li a {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.company-partner-content-section .company-partner-profile-box .company-partner-infomation .company-partner-social-links-wrapper ul.company-partner-social-links li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-community-shortby-wrapper {
    margin: 0 0 40px
}

.all-community-shortby-wrapper ul.all-community-shortby-list {
    margin: -10px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.all-community-shortby-wrapper ul.all-community-shortby-list li {
    margin: 10px;
    font-size: 16px;
    line-height: 23px;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2px
}

.all-community-shortby-wrapper ul.all-community-shortby-list li a {
    border: 1px solid var(--main-gray-bg-color);
    padding: 10px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.all-community-shortby-wrapper ul.all-community-shortby-list li a.community-active,
.all-community-shortby-wrapper ul.all-community-shortby-list li a:hover {
    background-color: var(--main-theme-color);
    color: #fff;
    border-color: var(--main-theme-color)
}

.all-community-shortby-wrapper ul.all-community-shortby-list li a .community-counter {
    font-size: 11px;
    line-height: 15px;
    font-family: latoblack;
    font-weight: 400;
    border-radius: 3px;
    float: right;
    margin: 0 0 0 8px
}

.all-community-shortby-wrapper ul.all-community-shortby-list li a.community-active .community-counter {
    background: var(--main-theme-color);
    color: #fff
}

.all-community-partners-wrapper ul.all-community-partners-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.all-community-partners-wrapper ul.all-community-partners-list li.community-partner-item {
    width: calc(25% - 30px);
    margin: 15px;
    border: 1px solid var(--main-gray-bg-color);
    border-radius: 10px;
    cursor: default;
    transition: all .5s
}

.all-community-partners-wrapper ul.all-community-partners-list li.community-partner-item:hover {
    border-color: var(--main-theme-color);
    box-shadow: 10px 10px 20px rgb(255 120 0/10%)
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-profile-box-row .community-partner-profile-box-left-col {
    padding: 20px;
    position: relative
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-profile-box-row .community-partner-profile-box-right-col {
    border-top: 1px solid var(--main-gray-bg-color);
    padding: 20px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-logo {
    width: 150px;
    height: 100px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-logo img.community-partner-logo-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px)
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-name {
    margin: 0 0 10px;
    padding: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-name h4 {
    margin: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-name .community-partner-name-text {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: var(--main-dark-txt-color);
    text-transform: uppercase;
    font-family: latoblack;
    font-weight: 400;
    word-break: break-word
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-name .community-partner-name-text:hover {
    color: var(--main-theme-color)
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history li {
    width: 100%;
    position: relative;
    padding: 0 0 0 30px;
    margin-top: 5px;
    font-size: 14px;
    line-height: normal;
    word-break: break-word
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history li:first-child {
    margin-top: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-size::before {
    content: "\e909";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-industry::before {
    content: "\e90a";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-location::before {
    content: "\e905";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-founded::before {
    content: "\e900";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-description {
    margin: 0 0 20px;
    padding: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-description p {
    margin: 15px 0 0;
    padding: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-description p:first-child {
    margin: 0;
    padding: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-info-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website {
    /*width: 50%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px;
    word-break: break-all
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website .community-partner-website-url {
    position: relative;
    padding: 0 0 0 30px;
    color: var(--main-dark-txt-color)
}

.community-partner-profile-box-left-col .community-partner-website-url {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website .community-partner-website-url:hover {
    color: var(--main-theme-color)
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-social-links-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 auto;
    padding: 0
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.facebook-link a {
    color: #38539b
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.twitter-link a {
    color: #2aa5db
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.linkedin-link a {
    color: #0070ac
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.instagram-link a {
    color: #c63490
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.youtube-link a {
    color: #f80000
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.xing-link a {
    color: #045d61
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li a {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-community-partners-wrapper .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.community-partner-content-section {
    padding: 60px 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-profile-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.community-partner-content-section .community-partner-profile-box .community-partner-profile-box-row .community-partner-profile-box-left-col {
    width: 150px;
    margin-right: 30px
}

.community-partner-content-section .community-partner-profile-box .community-partner-profile-box-row .community-partner-profile-box-right-col {
    width: calc(100% - 180px)
}

.community-partner-content-section .community-partner-profile-box .community-partner-logo {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid #d4d4d4
}

.community-partner-content-section .community-partner-profile-box .community-partner-logo img.community-partner-logo-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px)
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-name {
    margin: 0 0 15px;
    padding: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-name .community-partner-name-text {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 35px;
    color: var(--main-dark-txt-color);
    text-transform: uppercase;
    font-family: latoblack;
    font-weight: 400
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper {
    margin: 0 0 20px;
    padding: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history li {
    width: 100%;
    position: relative;
    padding: 0 0 0 30px;
    margin-top: 5px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-history-wrapper ul.community-partner-history li:first-child {
    margin-top: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-size::before {
    content: "\e909";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-industry::before {
    content: "\e90a";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-location::before {
    content: "\e905";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation ul.community-partner-history li.company-founded::before {
    content: "\e900";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-description {
    margin: 0 0 20px;
    padding: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-description p {
    margin: 15px 0 0;
    padding: 0;
    line-height: 1.6em
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-description p:first-child {
    margin: 0;
    padding: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px;
    word-break: break-all
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website .community-partner-website-url {
    position: relative;
    padding: 0 0 0 30px;
    color: var(--main-theme-color)
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website .community-partner-website-url::before {
    content: "\e90b";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 17px;
    color: #999;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-website .community-partner-website-url:hover {
    color: var(--main-dark-txt-color)
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-info-foot .community-partner-social-links-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0 0;
    padding: 0
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.facebook-link a {
    color: #38539b
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.twitter-link a {
    color: #2aa5db
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.linkedin-link a {
    color: #0070ac
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.instagram-link a {
    color: #c63490
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.youtube-link a {
    color: #f80000
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li.xing-link a {
    color: #045d61
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li a {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.community-partner-content-section .community-partner-profile-box .community-partner-infomation .community-partner-social-links-wrapper ul.community-partner-social-links li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.partner-hero-img-wraper {
    position: relative;
    text-align: center;
    max-width: 590px;
    width: 100%;
    padding-left: 50px
}

.partner-list-hero-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: -45px auto 0;
    max-width: 530px;
    width: 100%
}

.partner-list-hero-section li {
    border-radius: 100px;
    padding: 10px 20px 10px 10px;
    box-shadow: 0 3px 40px rgb(0 0 0/5%);
    background-color: #fff;
    margin: 10px;
    display: flex;
    flex-wrap: wrap
}

.partner-list-hero-section li svg {
    background: var(--main-theme-light-color);
    width: 30px;
    height: 30px;
    font-size: 14px;
    padding: 10px;
    border-radius: 100px;
    margin-right: 10px
}

.partner-count-hero-section {
    padding: 30px 10px;
    text-align: center;
    background: linear-gradient(90deg, rgba(255, 90, 0, 1) 0%, rgba(255, 120, 0, 1) 100%);
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 30px);
    left: -30px;
    transform: translate(0, -50%);
    max-width: 190px;
    width: 100%
}

.partner-count-hero-section b {
    font-family: latobold;
    font-size: 50px;
    display: block;
    line-height: normal;
    letter-spacing: 1px
}

.partner-count-hero-section:before {
    content: "";
    width: 70%;
    height: 70%;
    border-top: 4px dotted var(--main-theme-color);
    border-right: 4px dotted var(--main-theme-color);
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 0 10px 0 0
}

.partner-count-hero-section:after {
    content: ".";
    width: 65%;
    height: 65%;
    border-top: 4px dotted var(--main-theme-color);
    border-right: 4px dotted var(--main-theme-color);
    display: block;
    position: absolute;
    right: -25px;
    top: -25px;
    border-radius: 0 10px 0 0;
    opacity: .3
}

.partner-hero-section {
    padding: 70px 0
}

.partner-hero-content h1 {
    font-family: latoblack;
    font-size: 41px;
    line-height: 50px;
    letter-spacing: .5px;
    margin: 0;
    color: var(--main-theme-color)
}

.partner-hero-content {
    max-width: 500px;
    width: 100%
}

.why-partner-with-tjf-section .video-testimonlial-box-wrapper {
    position: relative;
    padding: 30px
}

.why-partner-with-tjf-section .video-testimonlial-box-wrapper .video-testimonlial {
    min-height: 350px
}

.why-partner-with-tjf-section {
    padding-bottom: 70px
}

.why-partner-with-tjf-section-video-bg-shape-top:before {
    content: "";
    width: 120px;
    height: 120px;
    border-left: 4px dotted var(--main-txt-color);
    border-top: 4px dotted var(--main-txt-color);
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 10px 0 0 0
}

.why-partner-with-tjf-section-video-bg-shape-top:after {
    content: "";
    width: 100px;
    height: 100px;
    border-left: 4px dotted var(--main-txt-color);
    border-top: 4px dotted var(--main-txt-color);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 0 0;
    opacity: .3
}

.why-partner-with-tjf-section-video-bg-shape-bottom:before {
    content: "";
    width: 120px;
    height: 120px;
    border-right: 4px dotted var(--main-txt-color);
    border-bottom: 4px dotted var(--main-txt-color);
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 0 0 10px 0
}

.why-partner-with-tjf-section-video-bg-shape-bottom:after {
    content: "";
    width: 100px;
    height: 100px;
    border-right: 4px dotted var(--main-txt-color);
    border-bottom: 4px dotted var(--main-txt-color);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 0 10px 0;
    opacity: .3
}

.why-partner-with-tjf-section-video-bg-shape-middle {
    background-color: #eee;
    width: 50%;
    height: calc(100% + 80px);
    position: absolute;
    top: -40px;
    left: 50%;
    transform: skewX(-15deg) translate(-50%, 0);
    z-index: -1
}

.why-partner-with-tjf-section .main-title-with-subtitle-wrapper,
.why-partner-with-tjf-section .main-title-with-subtitle-wrapper p {
    margin: 0
}

.why-partner-with-tjf-col-box {
    text-align: center;
    margin-top: 80px
}

.why-partner-with-tjf-col-box h4 {
    margin: 10px 0 0;
    font-family: latosemibold;
    font-size: 21px;
    color: #000
}

.why-partner-with-tjf-col-box p {
    margin-bottom: 0
}

.venue-details-content-section .venue-details-head-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px;
    padding: 0
}

.venue-details-content-section .venue-details-head-wrapper .venue-location-title {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.venue-details-content-section .venue-details-head-wrapper .venue-location-title .venue-location-title-text {
    font-size: 40px;
    line-height: 45px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color);
    margin: 0;
    padding: 0
}

.venue-details-content-section .venue-details-head-wrapper .venue-view-location-button {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.venue-details-content-section .venue-details-head-wrapper .venue-view-location-button .tjf-theme-button {
    margin-left: auto
}

.venue-details-content-section .venue-details-body-wrapper .venue-location-image {
    height: 480px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 0 0 30px;
    padding: 0
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation ul.how-to-reach-venue-info-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation ul.how-to-reach-venue-info-list li.how-to-reach-venue-info-item {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 30px
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation ul.how-to-reach-venue-info-list li.how-to-reach-venue-info-item:first-child {
    margin-top: 0;
    border-top: none
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-image {
    width: 60px;
    margin-right: 30px
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content {
    width: calc(100% - 90px)
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content .how-to-reach-venue-title {
    font-size: 25px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color);
    margin: 0 0 20px;
    padding: 0
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content .how-to-reach-venue-text p {
    margin: 15px 0 0;
    padding: 0
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content .how-to-reach-venue-text p:first-child {
    margin: 0;
    padding: 0
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content a {
    color: var(--main-txt-url-hover-color)
}

.venue-details-content-section .venue-details-body-wrapper .how-to-reach-venue-infomation .how-to-reach-venue-info-box .how-to-reach-venue-content a:hover {
    color: var(--main-txt-url-color)
}

.venue-location-map-section iframe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.join-our-family-section {
    padding: 60px 0
}

.join-our-family-section .join-our-family-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.join-our-family-section .our-family-photo-wrapper {
    height: 650px;
    width: 100%;
    max-width: 650px;
    background-size: cover;
    background-position: center;
    border-radius: 10px
}

.join-our-family-section .join-our-family-content-wrapper .become-a-volunteer-icon {
    margin: 0 0 20px;
    padding: 0
}

.join-our-family-section .join-our-family-content-wrapper .join-our-family-title {
    margin: 0 0 25px;
    padding: 0
}

.join-our-family-section .join-our-family-content-wrapper .join-our-family-title .join-our-family-title-text {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 45px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-dark-txt-color)
}

.join-our-family-section .join-our-family-content-wrapper .join-our-family-info-text {
    margin: 0 0 25px;
    padding: 0
}

.join-our-family-section .join-our-family-content-wrapper .join-our-family-info-text p {
    margin: 15px 0 0;
    padding: 0
}

.join-our-family-section .join-our-family-content-wrapper .join-our-family-info-text p:first-child {
    margin: 0;
    padding: 0
}

.volunteer-benefits-section {
    padding: 60px 0;
    background-color: var(--main-gray-bg-color)
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper ul.volunteer-benefits-list {
    margin: 0 -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper ul.volunteer-benefits-list li.volunteer-benefit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(33.3% - 30px);
    margin: 15px;
    padding: 25px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #d4d4d4
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper .volunteer-benefit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper .volunteer-benefit-box .volunteer-benefit-image-wrapper {
    width: 70px;
    margin-right: 30px
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper .volunteer-benefit-box .volunteer-benefit-content {
    width: calc(100% - 100px)
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper .volunteer-benefit-box .volunteer-benefit-content .volunteer-benefit-name {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--main-dark-txt-color)
}

.volunteer-benefits-section .volunteer-benefits-list-wrapper .volunteer-benefit-box .volunteer-benefit-content .volunteer-benefit-text {
    font-size: 17px;
    line-height: 24px
}

.volunteer-benefits-section .cta-title-text {
    font-size: 26px;
    line-height: 30px;
    color: #000;
    font-family: latobold;
    margin: 40px 0 20px;
    padding: 0;
    letter-spacing: .2px
}

.press-assets-tabs-list-wrapper {
    margin: 50px 0 0;
    padding: 0
}

.press-assets-tabs-list-wrapper .tjf-tabs-list li {
    font-family: latobold;
    color: var(--main-dark-txt-color);
    font-size: 20px;
    line-height: 25px
}

.press-assets-tabs-list-wrapper .tjf-tab-content {
    padding: 50px 30px 30px
}

.press-assets-tabs-list-wrapper .press-assets-item {
    margin: 0 0 30px;
    padding: 0
}

.press-assets-tabs-list-wrapper .press-assets-item .press-item-title {
    margin: 0 0 10px;
    padding: 0;
    font-family: latobold;
    color: var(--main-dark-txt-color);
    font-size: 20px;
    line-height: 25px
}

.press-assets-tabs-list-wrapper .press-assets-item .tjf-theme-button {
    position: relative;
    padding-left: 50px
}

.press-assets-tabs-list-wrapper .press-assets-item .tjf-theme-button::before {
    content: "\e90c";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.all-speakers-list-wrapper ul.all-speakers-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.all-speakers-list-wrapper ul.all-speakers-list li.all-speaker-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 0 35px;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    overflow: hidden;
    cursor: default;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-speakers-list-wrapper ul.all-speakers-list li.all-speaker-item:hover {
    border-color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper {
    width: 100%
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-image-wrapper {
    width: 245px;
    padding: 30px 15px 30px 30px
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-image-wrapper .speaker-intro-image {
    height: 200px;
    width: 200px;
    background-color: #fff;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper {
    width: calc(100% - 545px);
    padding: 30px 30px 30px 15px;
    border-right: 1px solid #d4d4d4
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-name {
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-name .speaker-intro-name-text {
    margin: 0;
    padding: 0;
    font-family: latobold;
    color: var(--main-theme-color);
    font-size: 26px;
    line-height: 33px
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-designation {
    margin: 0 0 15px;
    padding: 0
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-designation-text {
    padding: 0;
    margin: 0;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    font-family: latosemibold;
    color: var(--main-dark-txt-color)
}

.all-speakers-list-wrapper .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-additional-info-wrapper {
    width: 300px;
    padding: 30px;
    background: #fff
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .additional-info-title {
    padding: 0 0 3px;
    margin: 0;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    font-family: latosemibold;
    color: var(--main-dark-txt-color)
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .additional-info-description {
    padding: 0;
    margin: 0
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-attended-job-fairs,
.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-website {
    margin: 0 0 15px;
    padding: 0 0 15px;
    word-break: break-word;
    border-bottom: 1px solid #ccc
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-website a {
    color: var(--main-txt-url-color)
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-website a:hover {
    color: var(--main-txt-url-hover-color)
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 0
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.facebook-link a {
    color: #38539b
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.twitter-link a {
    color: #2aa5db
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.linkedin-link a {
    color: #0070ac
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.instagram-link a {
    color: #c63490
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.youtube-link a {
    color: #f80000
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.xing-link a {
    color: #045d61
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li {
    margin: 5px
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li a {
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.all-speakers-list-wrapper .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.speaker-content-section {
    padding: 60px 0
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-image-wrapper {
    width: 245px;
    padding: 30px 15px 30px 30px
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-image-wrapper .speaker-intro-image {
    height: 200px;
    width: 200px;
    background-color: #fff;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper {
    width: calc(100% - 545px);
    padding: 30px 30px 30px 15px
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-name {
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-name .speaker-intro-name-text {
    margin: 0;
    padding: 0;
    font-family: latobold;
    color: var(--main-theme-color);
    font-size: 26px;
    line-height: 33px
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-designation {
    margin: 0 0 15px;
    padding: 0
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-infomation-wrapper .speaker-intro-designation-text {
    padding: 0;
    margin: 0;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    font-family: latosemibold;
    color: var(--main-dark-txt-color)
}

.single-speaker-content-box .speaker-intro-box-wrapper .speaker-intro-box-row .speaker-intro-additional-info-wrapper {
    width: 300px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d4d4d4
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .additional-info-title {
    padding: 0 0 3px;
    margin: 0;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    font-family: latosemibold;
    color: var(--main-dark-txt-color)
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .additional-info-description {
    padding: 0;
    margin: 0
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-attended-job-fairs,
.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-website {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-website a {
    color: var(--main-txt-url-hover-color);
    word-wrap: break-word;
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-website a:hover {
    color: var(--main-txt-url-color)
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 0
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.facebook-link a {
    color: #38539b
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.twitter-link a {
    color: #2aa5db
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.linkedin-link a {
    color: #0070ac
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.instagram-link a {
    color: #c63490
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.youtube-link a {
    color: #f80000
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li.xing-link a {
    color: #045d61
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li {
    margin: 5px
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li a {
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-speaker-content-box .speaker-intro-additional-info-wrapper .speaker-social-links ul.speaker-social-links-list li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.become-exhibitor-banner-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 60px 0 70px
}

.become-exhibitor-banner-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--main-theme-color);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%);
    z-index: 0
}

.become-exhibitor-banner-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--main-gray-bg-color);
    height: 600px;
    width: 100%;
    left: 0;
    bottom: -80px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 65%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 65%)
}

.become-exhibitor-banner-section .become-exhibitor-banner-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper {
    color: #fff;
    width: calc(100% - 50px)
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-title {
    margin: 0 0 15px;
    padding: 0;
    font-family: latoblack;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: .5px
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-sub-title {
    font-family: latobold;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: .5px
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-description {
    margin: 25px 0 0;
    padding: 0;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: .5px
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-action-button {
    margin: 25px 0 0;
    padding: 0
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-action-button .tjf-theme-black-button {
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.become-exhibitor-banner-section .become-exhibitor-banner-content-wrapper .become-exhibitor-banner-action-button .tjf-theme-black-button:hover {
    background: #fff;
    color: #000 !important;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video {
    background-color: #000;
    min-height: 550px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video .become-exhibitor-banner-video-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 70px;
    width: 70px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    box-shadow: 0 0 0 10px rgba(255, 120, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video:hover .become-exhibitor-banner-video-play-button {
    background: #c90000;
    -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video:hover .become-exhibitor-banner-video-play-button:hover {
    -webkit-animation: blinkbtn 2s infinite;
    animation: blinkbtn 2s infinite
}

@-webkit-keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

@keyframes blinkbtn {
    0% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video .become-exhibitor-banner-video-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.become-exhibitor-banner-section .become-exhibitor-banner-video-wrapper .become-exhibitor-banner-video .become-exhibitor-banner-video-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5
}

.why-tjf-section {
    padding: 70px 0
}

.why-tjf-section .why-tjf-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-tjf-section .why-tjf-cta-sidebar {
    border: 1px solid #0c90e4;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-header {
    padding: 20px 20px 0;
    margin: 0;
    color: #0c90e4;
    font-size: 25px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400;
    letter-spacing: .5px
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-header .why-tjf-cta-header-title .why-tjf-cta-header-title-text {
    margin: 0;
    padding: 0
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-body {
    padding: 20px
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-footer {
    padding: 20px
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-footer .why-tjf-cta-button .tjf-theme-button {
    width: 100%;
    text-align: center;
    background: #0d77e3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(13, 119, 227, 1)), to(rgba(12, 144, 228, 1)));
    background: -o-linear-gradient(left, rgba(13, 119, 227, 1) 0%, rgba(12, 144, 228, 1) 100%);
    background: linear-gradient(90deg, rgba(13, 119, 227, 1) 0%, rgba(12, 144, 228, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d77e3", endColorstr="#0c90e4", GradientType=1)
}

.why-tjf-section .why-tjf-cta-sidebar .why-tjf-cta-footer .why-tjf-cta-button .tjf-theme-button:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(51, 51, 51, 1)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#333333", GradientType=1)
}

.festival-look-like-section {
    background: var(--main-gray-bg-color);
    padding: 70px 0
}

.festival-look-like-section .festival-look-like-list-wrapper {
    margin: 20px 0 50px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list li.festival-look-like-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(50% - 30px);
    margin: 15px
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list li.festival-look-like-item .festival-look-like-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list li.festival-look-like-item .festival-look-like-box .festival-look-image {
    height: 430px;
    width: 100%;
    border-radius: 10px;
    margin: 0 0 15px;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list li.festival-look-like-item .festival-look-like-box .festival-look-name {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.festival-look-like-section .festival-look-like-list-wrapper ul.festival-look-like-list li.festival-look-like-item .festival-look-like-box .festival-look-name .festival-look-name-text {
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.reasons-attendees-come-section {
    padding: 70px 0
}

.reasons-attendees-come-section .reasons-attendees-come-list-wrapper {
    margin: 20px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.reasons-attendees-come-section .reasons-attendees-come-list-wrapper ul.reasons-attendees-come-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    width: calc(100% - 300px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reasons-attendees-come-section .reasons-attendees-come-list-wrapper ul.reasons-attendees-come-list li.reasons-attendees-come-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(33.3% - 30px);
    margin: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.reasons-attendees-come-section .reasons-attendees-come-box .reasons-attendees-come-image-wrapper {
    margin: 0 0 20px;
    padding: 0
}

.reasons-attendees-come-section .reasons-attendees-come-box .reasons-attendees-come-image-wrapper .reasons-attendees-come-image {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: var(--main-theme-color);
    height: 230px;
    width: 210px;
    position: relative;
    margin: 0 auto
}

.reasons-attendees-come-section .reasons-attendees-come-box .reasons-attendees-come-image-wrapper .reasons-attendees-come-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.reasons-attendees-come-section .reasons-attendees-come-box .reasons-attendees-come-name .reasons-attendees-come-name-text {
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.quick-contact-section {
    padding: 70px 0
}

.quick-contact-section .cta-title-text {
    font-size: 26px;
    line-height: 30px;
    color: #000;
    font-family: latobold;
    margin: 20px 0;
    padding: 0;
    letter-spacing: .2px
}

.quick-contact-list-wrapper {
    margin: 20px 0 30px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.quick-contact-list-wrapper ul.quick-contact-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quick-contact-list-wrapper ul.quick-contact-list li.quick-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(33.3% - 30px);
    margin: 15px
}

.quick-contact-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.quick-contact-box .quick-contact-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 180px;
    margin-right: 30px
}

.quick-contact-box .quick-contact-image-wrapper .quick-contact-image {
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    border: 1px solid #d4d4d4
}

.quick-contact-box .quick-contact-infomation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 210px)
}

.quick-contact-box .quick-contact-infomation .quick-contact-person-name {
    margin: 0 0 5px;
    padding: 0
}

.quick-contact-box .quick-contact-infomation .quick-contact-person-name .quick-contact-person-name-text {
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-theme-color)
}

.quick-contact-box .quick-contact-infomation .quick-contact-person-designation {
    margin: 0 0 10px;
    padding: 0
}

.quick-contact-box .quick-contact-infomation .quick-contact-person-fair-name {
    font-size: 19px;
    line-height: 25px;
    font-family: latobold;
    font-weight: 400;
    color: #000
}

.quick-contact-box .quick-contact-infomation .quick-contact-person-email {
    word-break: break-all
}

.about-us-container-wrapper {
    width: calc(100% - 30px)
}

.page-template-about-us .sticky-header {
    position: relative;
}

.about-sidebar-wrapper {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 25px
}

.about-sidebar-wrapper .about-sidebar-title {
    margin: 0 0 20px;
    padding: 0
}

.about-sidebar-wrapper .about-sidebar-title .about-sidebar-title-text {
    font-size: 30px;
    line-height: 35px;
    font-family: latobold;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0
}

.about-sidebar-wrapper .quick-contact-box .quick-contact-image-wrapper {
    width: 100%;
    margin: 0 0 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-sidebar-wrapper .quick-contact-box .quick-contact-infomation {
    width: 100%
}

.about-sidebar-wrapper .quick-contact-box .quick-contact-infomation .quick-contact-person-info {
    margin: 0 0 20px;
    padding: 0
}

.our-team-section {
    padding: 60px 0;
    background: var(--main-gray-bg-color)
}

form#sib_signup_form_1 {
    margin: 30px 0 0 0;
}

.blog-content-section .blog-left-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 70%;
    max-width: 70%
}

.blog-content-section .blog-right-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 30%;
    max-width: 30%
}

.blog-listing-list-wrapper {
    margin: 0 0 25px;
    padding: 0
}

.blog-listing-list-wrapper ul.blog-listing-list {
    margin: -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

.blog-listing-list-wrapper ul.blog-listing-list li.blog-listing-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(33.3333% - 30px);
    margin: 15px
}

.blog-listing-list-wrapper .blog-listing-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    transition: all .5s;
    border: 1px solid var(--main-gray-bg-color);
    border-radius: 4px
}

.blog-listing-list-wrapper .blog-listing-box:hover {
    box-shadow: 10px 10px 20px rgb(0 0 0/5%)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-image {
    line-height: 0
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-image .blog-image {
    width: 100%;
    background-color: var(--main-gray-bg-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header {
    margin: 0 0 30px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-category {
    margin: 0 0 5px;
    padding: 0
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-category a {
    color: var(--main-txt-url-hover-color);
    font-size: 15px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-category a:hover {
    color: var(--main-txt-url-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-title .blog-title-text {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.4em;
    font-family: latobold;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-title .blog-title-text a {
    color: var(--main-txt-url-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-title .blog-title-text a:hover {
    color: var(--main-txt-url-hover-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-body {
    margin: 0 0 20px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer {
    margin: 0;
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
    border-top: 1px solid var(--main-gray-bg-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list {
    margin: -7px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: var(--main-txt-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list li.blog-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px;
    padding: 0
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list a {
    color: var(--main-txt-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list a:hover {
    color: var(--main-theme-color)
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list li.blog-info-item .author-name {
    position: relative;
    padding-left: 25px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list li.blog-info-item .author-name::before {
    content: "\e909";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 15px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list li.blog-info-item .posted-date {
    position: relative;
    padding-left: 25px
}

.blog-listing-list-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-footer ul.blog-info-list li.blog-info-item .posted-date::before {
    content: "\e900";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 18px
}

.blog-sidebar-list-wrapper {
    width: calc(100% - 30px);
    margin-left: auto
}

.blog-sidebar-list-wrapper a {
    color: var(--main-txt-url-color)
}

.blog-sidebar-list-wrapper a:hover {
    color: var(--main-txt-url-hover-color)
}

.blog-sidebar-list-wrapper section.widget.widget_search {
    padding: 0;
    margin: 0 0 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form .screen-reader-text {
    display: none
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 50px);
    position: relative
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form label::after {
    content: "\e911";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    right: -28px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 0;
    font-size: 23px;
    line-height: 20px
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form label input.search-field {
    padding: 20px 0 20px 20px;
    font-size: 17px;
    line-height: normal;
    border: none;
    width: 100%;
    height: 60px;
    outline: none
}

.blog-sidebar-list-wrapper section.widget.widget_search .search-form .search-submit {
    width: 50px;
    cursor: pointer;
    border: none;
    outline: none;
    background: 0 0;
    font-size: 0;
    position: relative;
    z-index: 1
}

.blog-sidebar-list-wrapper section.widget:not(.widget_search) {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 20px
}

.blog-sidebar-list-wrapper section.widget .widget-title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 23px;
    line-height: 29px;
    font-family: latobold;
    font-weight: 400
}

.blog-sidebar-list-wrapper section.widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.blog-sidebar-list-wrapper section.widget ul li {
    position: relative;
    padding: 10px 0 0 20px;
    border-top: 1px solid #eee;
    margin-top: 10px
}

.blog-sidebar-list-wrapper section.widget ul li:first-child {
    margin-top: 0;
    border-top: 0
}

.blog-sidebar-list-wrapper section.widget ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: var(--main-theme-color);
    position: absolute;
    left: 0;
    top: 18px;
    border-radius: 100%
}

.blog-sidebar-list-wrapper section.widget ul li ul li {
    padding: 10px 0 0 20px;
    border-top: 1px solid #eee;
    margin-top: 10px;
    color: #555
}

.blog-sidebar-list-wrapper section.widget ul li ul li:first-child {
    border-top: 1px solid #eee;
    margin-top: 10px
}

.blog-sidebar-list-wrapper section.widget ul li ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 18px;
    border-radius: 100%
}

.blog-sidebar-list-wrapper section.widget ul li ul li a {
    color: #555
}

.blog-sidebar-list-wrapper section.widget ul li ul li a:hover {
    color: var(--main-txt-url-hover-color)
}

.pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

.pagination-wrapper .pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination-wrapper .pagination .page-numbers {
    cursor: pointer;
    color: var(--main-dark-txt-color);
    float: left;
    background-color: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    padding: 0;
    font-family: latobold;
    font-weight: 400;
    border-radius: 4px
}

.pagination-wrapper .pagination .page-numbers i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 19px;
    line-height: 22px
}

.blog-content-section .pagination-wrapper .pagination .page-numbers.current,
.pagination-wrapper .pagination .page-numbers:hover:not(.current) {
    border-color: var(--main-theme-color);
    color: var(--main-theme-color)
}

.pagination-wrapper .pagination .page-numbers.dots {
    cursor: default
}

.single-blog-content-box {
    margin: 0 0 30px;
    padding: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: default
}

.single-blog-content-box .blog-image-wrapper {
    margin: 20px 0;
    text-align: center
}
.single-blog-content-box p iframe {
    width: 100%;
    min-height: 300px;
    max-width: 500px;
}

.single-blog-content-box .blog-image-wrapper img {
    border-radius: 10px;
    height: auto;
    width: auto
}

.single-blog-content-box p {
    line-height: 1.7em;
    margin: 0;
    padding: 0
}

.single-blog-content-box h2 {
    margin-top: 50px;
    line-height: 1.2em;
    font-family: latobold;
    font-weight: 700;
    color: var(--main-dark-txt-color)
}

.single-blog-content-box h3 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    line-height: 32px;
    font-family: latobold;
    font-weight: 700;
    color: var(--main-dark-txt-color)
}

.single-blog-content-box h4 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400
}

.single-blog-content-box h5 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400
}

.single-blog-content-box .orange-title {
    color: var(--main-theme-color)
}

.single-blog-content-box strong {
    color: var(--main-dark-txt-color)
}

.single-blog-content-box ul {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none
}

.single-blog-content-box ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin-top: 10px
}

.single-blog-content-box ul li:first-child {
    margin-top: 0
}

.single-blog-content-box ul li::before {
    content: "";
    height: 9px;
    width: 9px;
    background-color: var(--main-theme-color);
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 100%
}

.single-blog-content-box .blog-title .blog-title-text {
    margin: 0 0 15px;
    padding: 0;
    font-size: 30px;
    line-height: 35px;
    font-family: latobold;
    font-weight: 400
}

.single-blog-content-box .blog-info-list-wrapper {
    margin: 0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--main-gray-bg-color)
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list {
    margin: -7px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 17px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item {
    display: flex;
    margin: 10px;
    padding: 0;
    list-style: none;
    color: var(--main-txt-color)
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item a {
    color: var(--main-txt-color) !important
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item a:hover {
    color: var(--main-theme-color) !important
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item::before {
    display: none
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .author-name {
    position: relative;
    padding-left: 25px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .author-name::before {
    content: "\e909";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 15px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .posted-date {
    position: relative;
    padding-left: 25px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .posted-date::before {
    content: "\e900";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 18px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .total-viewer {
    position: relative;
    padding-left: 28px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .total-viewer::before {
    content: "\e913";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 20px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .total-comment {
    position: relative;
    padding-left: 28px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .total-comment::before {
    content: "\e912";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 18px
}

.single-blog-content-box .blog-share {
    text-align: center
}

.single-blog-author-infomation-box {
    margin: 0 0 30px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: default
}

.blog-author-infomation-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.blog-author-infomation-box .blog-author-info-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 180px;
    margin-right: 30px
}

.blog-author-infomation-box .blog-author-info-image-wrapper .blog-author-info-image {
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    background-position: center;
    border-radius: 100%
}

.blog-author-infomation-box .blog-author-infomation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 210px)
}

.blog-author-infomation-box .blog-author-infomation .blog-author-name {
    margin: 0 0 5px;
    padding: 0
}

.blog-author-infomation-box .blog-author-infomation .blog-author-name .blog-author-name-text {
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 30px;
    font-family: latobold;
    font-weight: 400;
    color: var(--main-theme-color)
}

.blog-author-infomation-box .blog-author-infomation .blog-author-designation {
    margin: 0 0 15px;
    padding: 0;
    font-family: latobold;
    font-weight: 400;
    font-size: 19px;
    line-height: 25px
}

.blog-author-infomation-box .blog-author-infomation .blog-author-description {
    margin: 0 0 20px;
    padding: 0
}

.blog-author-infomation-box .blog-author-infomation .blog-author-action-button a {
    color: var(--main-txt-url-hover-color)
}

.blog-author-infomation-box .blog-author-infomation .blog-author-action-button a:hover {
    color: var(--main-txt-url-color)
}

.blog-sideber-author-infomation {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 20px
}

.blog-sideber-author-infomation .blog-author-infomation-box {
    margin: 0;
    padding: 0
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-info-image-wrapper {
    width: 100%;
    margin: 0 0 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-name .blog-author-name-text {
    text-align: center
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-designation {
    text-align: center
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation {
    width: 100%;
    margin-right: 0
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-description {
    margin: 0;
    padding: 0 0 40px;
    position: relative
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-description::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #e6e6e6
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-description p {
    margin: 15px 0 0;
    padding: 0
}

.blog-sideber-author-infomation .blog-author-infomation-box .blog-author-infomation .blog-author-description p:first-child {
    margin: 0;
    padding: 0
}

.blog-sideber-author-infomation .blog-author-social-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    padding: 0
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px;
    padding: 0
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.facebook-link a {
    color: #38539b
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.twitter-link a {
    color: #2aa5db
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.linkedin-link a {
    color: #0070ac
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.instagram-link a {
    color: #c63490
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.youtube-link a {
    color: #f80000
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li.xing-link a {
    color: #045d61
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li a {
    height: auto;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.blog-sideber-author-infomation .blog-author-social-wrapper ul.blog-author-social-links li a:hover {
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-blog-comment-box {
    margin: 0 0 30px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: default
}

.tjf-city-list-wrapper ul.tjf-city-list {
    margin: -10px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item {
    width: calc(25% - 20px);
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 200px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: #000
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-content-box .tjf-city-image {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-content-box:hover .tjf-city-image {
    opacity: .2
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-content-box .tjf-city-name {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 20px
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item .tjf-city-content-box .tjf-city-name .tjf-city-name-text {
    margin: 0;
    padding: 0;
    font-family: latobold;
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    letter-spacing: .2px;
    text-transform: uppercase
}

.tjf-city-list-wrapper ul.tjf-city-list .tjf-city-item.tjf-city-list-disabled {
    opacity: .4;
    cursor: default
}

.attendee-filter-list-wrapper {
    margin: 20px 0;
    padding: 25px;
    background: var(--main-gray-bg-color);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.attendee-filter-list-wrapper ul.attendee-filter-list {
    margin: -10px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.attendee-filter-list-wrapper ul.attendee-filter-list .attendee-filter-item {
    width: calc(33.3% - 20px);
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-attendee-list-wrapper {
    margin: 20px 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-attendee-list-wrapper ul.search-attendee-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding: 0;
    list-style-type: none
}

.search-attendee-list-wrapper ul.search-attendee-list li.search-attendee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(33.3% - 30px);
    margin: 15px
}

.search-attendee-list-wrapper ul.search-attendee-list li.search-attendee-item.no-attendee-found {
    width: calc(100% - 30px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.search-attendee-list-wrapper .search-attendee-profile-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 2px solid #e0e0e0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: default;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 5px 30px transparent;
    box-shadow: 0 5px 30px transparent
}

.search-attendee-list-wrapper .search-attendee-profile-box:hover {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 20px 40px;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-photo {
    width: 65px;
    margin-right: 15px
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-photo {
    height: 65px;
    width: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-info {
    width: calc(100% - 120px)
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-name {
    margin: 5px 0 3px;
    padding: 0
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-name .attendee-profile-name-text {
    margin: 0;
    padding: 0;
    font-family: latobold;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-designation {
    margin: 0;
    padding: 0
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-designation .attendee-profile-designation-text {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-bookmark {
    width: 40px
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-bookmark .bookmark-link {
    height: 40px;
    width: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
    position: relative
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-bookmark .bookmark-link::before {
    content: "\e916";
    font-family: techjobsfair-icon-pack;
    font-size: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--main-txt-url-hover-color);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-bookmark .bookmark-link.activate::before {
    content: "\e917";
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-header .attendee-profile-head-bookmark .bookmark-link:hover::before {
    color: var(--main-txt-url-color)
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px 20px 20px;
    position: relative
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item:not(.attendee-profile-job-type-item) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    font-size: 17px
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item:first-child {
    border-top: none;
    padding-top: 0
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-label {
    width: 50%;
    padding-right: 15px
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-value {
    width: 50%
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-value.attendee-intrested-career-list {
    width: 100%;
    margin: 0 -1px;
    padding: 2px 0
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-value.attendee-intrested-career-list span:not(.more-values-content) {
    background-color: #e2e2e2;
    margin: 3px 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 23px;
    color: #000;
    border: 1px solid #ccc;
    padding: 1px 7px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-value.attendee-intrested-career-list .show-more-values {
    background-color: #fff;
    margin: 3px 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    line-height: 23px;
    color: var(--main-txt-url-hover-color);
    border: 1px solid #fff;
    padding: 1px 7px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item .attendee-profile-info-value.attendee-intrested-career-list .show-more-values:hover {
    color: var(--main-txt-url-color);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item {
    position: absolute;
    left: 50%;
    top: -20px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type {
    background: #dadada;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 25px 10px 45px;
    border: 1px solid #999;
    border-radius: 50px;
    position: relative
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type::before {
    content: "\e90a";
    font-family: techjobsfair-icon-pack;
    position: absolute;
    left: 20px;
    font-size: 17px;
    line-height: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.full-time {
    background: #27ae60;
    border-color: #27ae60;
    color: #fff
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.part-time {
    background: #16a085;
    border-color: #16a085;
    color: #fff
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.internship {
    background: #2c3e50;
    border-color: #2c3e50;
    color: #fff
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.contract {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.freelance {
    background: #2980b9;
    border-color: #2980b9;
    color: #fff
}

.search-attendee-list-wrapper .attendee-profile-info-list-wrapper ul.attendee-profile-info-list li.attendee-profile-info-item.attendee-profile-job-type-item .attendee-profile-job-type.temporary {
    background: #8e44ad;
    border-color: #8e44ad;
    color: #fff
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin-top: auto
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-footer .attendee-profile-contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-number {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-email {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-contact-button {
    background-color: #555;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    letter-spacing: .5px;
    font-family: latobold;
    font-weight: 400;
    text-transform: uppercase
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-number .attendee-contact-button {
    padding: 0;
    position: relative
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-number .attendee-contact-button .attendee-contact-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background: #999
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-number .attendee-contact-button .attendee-contact-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #999
}

.search-attendee-list-wrapper .search-attendee-profile-box .attendee-profile-contact-info .attendee-profile-contact-email .attendee-contact-button {
    background: #555;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.login-form-container-wrapper {
    text-align: center
}

.login-form-container-wrapper .login-form-wrap {
    max-width: 550px;
    margin: 0 auto;
    padding: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper .tjf-form-group {
    width: 100%;
    margin-top: 20px;
    text-align: left
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper .tjf-form-group:first-child {
    margin-top: 0
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper .tjf-form-group .tjf-form-label {
    margin: 0 0 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper .tjf-form-group .tjf-form-control {
    height: 55px;
    line-height: 55px
}

.login-form-container-wrapper .login-form-wrap .custom-form-wrapper .tjf-form-group .tjf-theme-button {
    width: 100%
}

footer.site-footer {
    background: #111
}

footer.site-footer .site-advance-footer {
    background: #222;
    padding: 50px 0;
    font-size: 17px;
    line-height: 25px;
    color: #888;
    letter-spacing: .2px
}

footer.site-footer .site-advance-footer a {
    color: #888
}

footer.site-footer .site-advance-footer a:hover {
    color: #fff
}

footer.site-footer .site-advance-footer .footer-site-logo {
    margin-bottom: 30px
}

footer.site-footer .site-advance-footer .footer-site-logo img {
    height: 60px
}

footer.site-footer .site-advance-footer .footer-title-wrapper {
    margin: 0 0 25px;
    padding: 0;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: .5px;
    color: #fff;
    font-family: latobold
}

footer.site-footer .site-advance-footer .footer-title-wrapper .footer-title-text {
    margin: 0;
    padding: 0
}

footer.site-footer .site-advance-footer .footer-menu ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer.site-footer .site-advance-footer .footer-menu ul.menu li.menu-item {
    position: relative;
    padding-left: 25px;
    width: 100%;
    margin-top: 8px
}

footer.site-footer .site-advance-footer .footer-menu ul.menu li.menu-item:first-child {
    margin-top: 0
}

footer.site-footer .site-advance-footer .footer-menu ul.menu li.menu-item::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #888
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links {
    margin: 0 -5px 25px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item {
    margin: 5px
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item a {
    height: 40px;
    width: 40px;
    background-color: #fff;
    color: #222;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.facebook-link a:hover {
    background-color: #38539b;
    color: #fff
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.twitter-link a:hover {
    background-color: #2aa5db;
    color: #fff
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.linkedin-link a:hover {
    background-color: #0070ac;
    color: #fff
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.instagram-link a:hover {
    background-color: #c63490;
    color: #fff
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.youtube-link a:hover {
    background-color: #f80000;
    color: #fff
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.xing-link a:hover {
    background-color: #045d61;
    color: #fff
}

footer.site-footer .site-small-footer {
    padding: 20px 0;
    font-size: 16px;
    line-height: 20px;
    color: #555;
    letter-spacing: .2px
}

footer.site-footer .site-small-footer a {
    color: #555
}

footer.site-footer .site-small-footer a:hover {
    color: #fff
}

footer.site-footer .site-small-footer .site-small-footer-menu {
    text-align: right
}

footer.site-footer .site-small-footer .site-small-footer-menu ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer.site-footer .site-small-footer .site-small-footer-menu ul.menu li.menu-item {
    position: relative;
    padding-left: 25px
}

footer.site-footer .site-small-footer .site-small-footer-menu ul.menu li.menu-item:first-child {
    padding-left: 25px
}

footer.site-footer .site-small-footer .site-small-footer-menu ul.menu li.menu-item::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background-color: #555
}

footer.site-footer .site-small-footer .site-small-footer-menu ul.menu li.menu-item:first-child::before {
    display: none
}

.widget_recent_entries>h2 {
    display: none
}

.footer-pages-links-wrap .recent-posts-links-wrap ul {
    margin: 0 0 35px;
    padding: 0
}

.footer-pages-links-wrap ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog-category-menu-wraper,
.blog-single-wrapper {
    margin-bottom: 40px;
    padding: 0 15px
}

.blog-category-menu-inner {
    margin: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    border-top: 1px solid #ecedf3;
    border-bottom: 1px solid #ecedf3
}

.blog-category-menu {
    width: 100%
}

.blog-category-menu,
.blog-category-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.blog-category-menu li {
    display: inline-block;
    padding: 10px 13px;
    cursor: pointer
}

.blog-category-menu-item._menu-active {
    border-bottom: 2px solid var(--main-theme-color);
    font-family: latosemibold;
    color: var(--main-theme-color)
}

.blog-content-section .pagination-wrapper .pagination .page-numbers {
    border: 1px solid var(--main-gray-bg-color);
    margin: 0 5px
}

.blog-single-wrapper {
    margin-bottom: 60px;
    padding: 0
}

.blog-single-wrapper ul.blog-listing-list li.blog-listing-item {
    width: calc(50% - 30px)
}

.blog-single-wrapper ul.blog-listing-list li.blog-listing-item {
    display: block
}

.blog-single-wrapper ul.blog-listing-list li.blog-listing-item .blog-listing-box {
    border: 0;
    box-shadow: none !important
}

.blog-single-wrapper .blog-listing-box .blog-listing-content {
    padding-top: 40px
}

.subscribers-main {
    max-width: 860px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 60px
}

.subscribers-main h1 {
    font-size: 30px;
    font-family: latobold
}

.subscribers-field {
    width: 100%;
    float: left;
    padding: 0 .42857em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.field--half {
    width: 50%
}

.subscribers-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f0f0f0;
    padding: 15px
}

.subscribers-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.subscribers-container .subscribers-field:first-of-type {
    padding-left: 0
}

.subscribers-input {
    font-size: 16px;
    border: 1px solid #d9d9d9;
    background-clip: padding-box;
    border-radius: 5px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .92857em .78571em;
    word-break: normal;
    line-height: inherit
}

.subscribers-btn {
    margin-left: 5px
}

.blog-single-middle-view {
    max-width: 1200px;
    margin: 0 auto
}

.blog-category-menu {
    font-size: 15px
}

.blog-single-middle-view .blog-image-center {
    text-align: center;
    display: block;
    margin: 30px 0
}

.blog-single-wrapper .blog-listing-box .blog-listing-content .blog-listing-content-header .blog-title .blog-title-text {
    font-size: 30px;
    line-height: 1.2em
}

.blog-single-wrapper .blog-listing-content-header h4 {
    color: var(--main-txt-color);
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 15px;
    text-transform: uppercase
}

.blog-content-section {
    padding: 30px 0
}

.blog-listing-wrapper,
.subscribers-main {
    padding: 0 15px 40px
}

footer.site-footer .site-advance-footer .margin-top-30 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.lwptoc_i {
    line-height: 1.7em
}

.lwptoc-notInherit .lwptoc_i div a:hover {
    border: 0
}

.single-blog-content-box .light-orange-bg {
    background: #fff3e8;
    padding: 15px 30px;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 30px
}

.single-blog-content-box .reviewer-comment {
    padding: 3px 0 3px 25px;
    font-size: 22px;
    line-height: 1.4em;
    border-left: 7px solid #e6e9ec;
    margin-top: 35px
}

.single-blog-content-box .reviewer-comment p {
    margin-bottom: 5px;
    line-height: 1.4em
}

.reviewer-comment span {
    color: var(--main-theme-color)
}

.bctt-click-to-tweet {
    display: block;
    position: relative;
    padding: 20px 30px 20px 70px;
    text-align: center;
    border-radius: 0;
    font-size: 15px;
    border: 0;
    position: relative;
    margin-top: 60px
}

.bctt-click-to-tweet:before {
    content: "\201C";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    font-size: 150px;
    left: 25px;
    top: 40px;
    color: #dcdcdc
}

.bctt-click-to-tweet a.bctt-ctt-btn {
    color: #1da1f2 !important;
    font-size: 12px
}

.bctt-ctt-text a {
    font-family: latoregular !important
}

.blog-image-center img {
    height: auto
}

.blog-author-main {
    padding: 25px 15px;
    width: 100%;
    text-align: center
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .blog-category {
    position: relative;
    padding-left: 25px
}

.single-blog-content-box .blog-info-list-wrapper ul.blog-info-list li.blog-info-item .blog-category:before {
    content: "\e917";
    position: absolute;
    font-family: techjobsfair-icon-pack;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 15px
}

:-ms-input-placeholder {
    color: #b0b0b0
}

::-webkit-input-placeholder {
    color: #b0b0b0
}

::-moz-placeholder {
    color: #b0b0b0
}

::-ms-input-placeholder {
    color: #b0b0b0
}

::placeholder {
    color: #b0b0b0
}

::-ms-input-placeholder {
    color: #b0b0b0
}

.textarea-outer-wrapper .textarea-wrapper {
    border: 1px solid #dbdfe4 !important
}

.blog-single-middle-view a {
    color: var(--main-theme-color)
}

.blog-single-middle-view a:hover {
    color: var(--main-txt-url-color)
}

.award-blog-page .single-award-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    padding-left: 80px;
}

.award-blog-page .award-image {
    width: 30%;
    text-align: center;
    padding: 30px;
    background-color: #f5f5f5;
    border-radius: 10px;
}

.award-blog-page .award-image img {
    max-width: 100%;
    max-height: 250px;
    overflow: hidden;
    object-fit: cover;
    box-shadow: 0 0 40px rgb(0 0 0/10%)
}

.award-blog-page .award-description {
    padding-left: 40px;
    width: 70%;
}

.single-award-wrapper {
    position: relative;
    counter-reset: list-number;
    margin-bottom: 30px;
}

.single-award-wrapper:before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: var(--main-theme-light-color);
    display: block;
    position: absolute;
    left: 25px;
    top: 0;
    border-radius: 10px;
}

.award-blog-page .single-award-container:after {
    content: "";
    width: 40px;
    height: 40px;
    background-color: var(--main-theme-light-color);
    border-radius: 100px;
    position: absolute;
    left: 7px;
    top: calc(50% - 20px);
    border: 5px solid #fff;
    box-shadow: 0px 0px 0px 1px var(--main-theme-color);
    transition: all 0.3s 0s;
}

.award-blog-page .single-award-container:before {
    content: counter(list-number);
    counter-increment: list-number;
    position: absolute;
    left: 7px;
    top: calc(50% - 20px);
    font-size: 18px;
    z-index: 1;
    color: var(--main-theme-color);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award-blog-page .single-award-container:hover:after {
    background-color: var(--main-theme-color);
    box-shadow: 0px 0px 0px 1px var(--main-theme-color);
}

.award-blog-page .single-award-container:hover:before {
    color: #fff;
}

@media(max-width: 1440px) {
    .tjf-container {
        max-width: 1300px
    }
}

@media(max-width: 1280px) {
    .blog-single-wrapper .blog-listing-box .blog-listing-content {
        padding-top: 0
    }
}

@media(max-width: 1024px) {
    .blog-listing-list-wrapper ul.blog-listing-list li.blog-listing-item {
        width: calc(50% - 30px)
    }

    .blog-single-wrapper ul.blog-listing-list li.blog-listing-item {
        width: calc(100% - 30px)
    }
}


@media(max-width: 768px) {
    .subscribers-container {
        display: block
    }

    .subscribers-container .field--half {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }

    .subscribers-btn {
        width: 100%;
        margin-left: 0
    }

    .award-blog-page .single-award-container {
        display: block
    }

    .award-blog-page .award-description {
        padding-left: 0;
        padding-top: 20px;
        width: 100%
    }

    .award-blog-page .award-image {
        width: 100%;
        max-width: 300px;
        padding: 15px;
    }

    .award-blog-page .award-image img {
        max-height: 200px
    }

    .blog-listing-list-wrapper ul.blog-listing-list li.blog-listing-item {
        width: calc(100% - 30px)
    }
}


@media(max-width: 575px) {

    .single-award-wrapper:before,
    .award-blog-page .single-award-container:before,
    .award-blog-page .single-award-container:after {
        display: none;
    }

    .award-blog-page .single-award-container {
        padding-left: 0;
    }
}

.upcoming-tjf-section .upcoming-tjf-wrapper ul.upcoming-tjf-list li {
    position: relative
}

span.tjf-vitual-event-tag {
    right: 0;
    top: 0;
    font-size: 14px;
    padding: 12px 10px;
    line-height: 2px;
    text-transform: uppercase;
    margin: 10px;
    display: inline-block;
    border-radius: 3px;
    font-family: latobold;
    height: 18px;
    z-index: 1;
    position: absolute;
    color: #fff;
    background: #ff5a00;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff5a00), to(#ff7800));
    background: -o-linear-gradient(left, #ff5a00 0, #ff7800 100%);
    background: linear-gradient(90deg, #ff5a00 0, #ff7800 100%)
}

.tjf-pop-up-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.tjf-pop-up {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    overflow-y: auto;
    -webkit-box-shadow: rgba(0, 0, 0, .4) 0 6px 30px;
    box-shadow: rgba(0, 0, 0, .4) 0 6px 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 110;
    background-color: #fff;
    width: 95%;
    height: 95%;
    max-width: 850px;
    max-height: 720px;
    border-radius: 6px;
    letter-spacing: .3px
}

.tjf-pop-up .tjf-pop-up-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.tjf-pop-up-wrap .popup-close {
    z-index: 3;
    position: absolute;
    right: 10px;
    top: 18px;
    line-height: 26px;
    color: #555;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    font-size: 22px;
    background: #eee
}

.tjf-pop-up-wrap .popup-close:hover {
    cursor: pointer;
    background: #f66867;
    color: #fff;
    border-color: #f66867
}

.tjf-pop-up-wrap.open .tjf-pop-up {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.tjf-pop-up-wrap.open .tjf-pop-up-overlay {
    background: rgba(0, 0, 0, .6);
    z-index: 100;
    position: fixed;
    display: block
}

.tjf-pop-up-overlay {
    background: transparent;
    height: 100vh;
    width: 100%;
    inset: 0;
    z-index: 0;
    -webkit-transition: background .15s linear 0s;
    -o-transition: background .15s linear 0s;
    transition: background .15s linear 0s;
    display: none
}

.tjf-already-register-message,
.tjf-loggedin-user-register-message,
.tjf-success-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-break: break-word
}

.tjf-success-message-text {
    font-size: 32px
}

.tjf-success-message-text span {
    display: block
}

.tjf-success-message svg {
    height: 100px;
    width: 100px;
    display: block;
    margin: 0 auto
}

.tjf-body-fixed {
    overflow: hidden
}

.tjf-pop-up-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    height: 100%
}

.tjf-pop-up-footer {
    font-size: 13px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0 -18px 50px 0 rgb(255 255 255/80%);
    box-shadow: 0 -18px 50px 0 rgb(255 255 255/80%);
    z-index: 5;
    min-height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tjf-pop-up-footer img {
    display: block;
    max-width: 140px;
    height: auto;
    margin-left: 10px
}

.tjf-pop-up-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.tjf-popup-event-title {
    font-family: latobold;
    font-size: 20px;
    line-height: 1.42;
    margin: 0
}

.tjf-popup-event-date-time {
    margin: 0;
    font-size: 14px;
    color: #888
}

.tjf-pop-up-body,
.tjf-pop-up-footer,
.tjf-pop-up-header {
    padding: 15px
}

.tjf-pop-up-header {
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: 52px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 50px
}

.tjf-theme-checkbox label,
.tjf-theme-radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 5px 0 10px;
    font-size: 16px;
    line-height: 1.42
}

.tjf-theme-checkbox input[type=checkbox],
.tjf-theme-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: block
}

.tjf-theme-checkbox span.tjf-checkmark,
.tjf-theme-radio span.tjf-checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 16px;
    width: 16px;
    background-color: rgb(227 227 227);
    border-radius: 50%
}

.tjf-theme-checkbox span.tjf-checkmark {
    border-radius: 2px
}

.tjf-theme-checkbox label:hover input[type=checkbox]~.tjf-checkmark,
.tjf-theme-radio label:hover input[type=radio]~.tjf-checkmark {
    background-color: #ccc
}

.tjf-theme-checkbox label input[type=checkbox]:checked~.tjf-checkmark,
.tjf-theme-radio label input[type=radio]:checked~.tjf-checkmark {
    background-color: var(--main-theme-color)
}

.tjf-checkmark::after {
    content: "";
    position: absolute;
    display: none
}

.tjf-theme-checkbox label input[type=checkbox]:checked~.tjf-checkmark::after,
.tjf-theme-radio label input[type=radio]:checked~.tjf-checkmark::after {
    display: block
}

.tjf-theme-radio label .tjf-checkmark::after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff
}

.tjf-theme-checkbox label .tjf-checkmark::after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border-style: solid;
    border-color: #fff;
    -o-border-image: initial;
    border-image: initial;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tjf-form-wrapper .tjf-form-group input[type=color],
.tjf-form-wrapper .tjf-form-group input[type=date],
.tjf-form-wrapper .tjf-form-group input[type=datetime-local],
.tjf-form-wrapper .tjf-form-group input[type=datetime],
.tjf-form-wrapper .tjf-form-group input[type=email],
.tjf-form-wrapper .tjf-form-group input[type=file],
.tjf-form-wrapper .tjf-form-group input[type=month],
.tjf-form-wrapper .tjf-form-group input[type=number],
.tjf-form-wrapper .tjf-form-group input[type=password],
.tjf-form-wrapper .tjf-form-group input[type=search],
.tjf-form-wrapper .tjf-form-group input[type=tel],
.tjf-form-wrapper .tjf-form-group input[type=text],
.tjf-form-wrapper .tjf-form-group input[type=time],
.tjf-form-wrapper .tjf-form-group input[type=url],
.tjf-form-wrapper .tjf-form-group input[type=week],
.tjf-form-wrapper .tjf-form-group select,
.tjf-form-wrapper .tjf-form-group select optgroup,
.tjf-form-wrapper .tjf-form-group textarea {
    padding: 4px 15px;
    font-size: 16px;
    display: block;
    width: 100%;
    color: var(--main-txt-color);
    font-family: inherit;
    border-radius: 6px;
    height: 53px;
    background-color: #fff;
    border: 1px solid #999
}

.tjf-form-wrapper .tjf-form-group textarea {
    min-height: 200px;
    padding: 15px;
    max-width: 100%
}

.tjf-form-wrapper .tjf-form-group input[type=color]:hover,
.tjf-form-wrapper .tjf-form-group input[type=date]:hover,
.tjf-form-wrapper .tjf-form-group input[type=datetime-local]:hover,
.tjf-form-wrapper .tjf-form-group input[type=datetime]:hover,
.tjf-form-wrapper .tjf-form-group input[type=email]:hover,
.tjf-form-wrapper .tjf-form-group input[type=file]:hover,
.tjf-form-wrapper .tjf-form-group input[type=month]:hover,
.tjf-form-wrapper .tjf-form-group input[type=number]:hover,
.tjf-form-wrapper .tjf-form-group input[type=password]:hover,
.tjf-form-wrapper .tjf-form-group input[type=search]:hover,
.tjf-form-wrapper .tjf-form-group input[type=tel]:hover,
.tjf-form-wrapper .tjf-form-group input[type=text]:hover,
.tjf-form-wrapper .tjf-form-group input[type=time]:hover,
.tjf-form-wrapper .tjf-form-group input[type=url]:hover,
.tjf-form-wrapper .tjf-form-group input[type=week]:hover,
.tjf-form-wrapper .tjf-form-group select optgroup:hover,
.tjf-form-wrapper .tjf-form-group select:hover,
.tjf-form-wrapper .tjf-form-group textarea:hover {
    border-color: var(--main-theme-color);
    background-color: #fff;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.tjf-form-wrapper .tjf-form-group input[type=color]:focus,
.tjf-form-wrapper .tjf-form-group input[type=date]:focus,
.tjf-form-wrapper .tjf-form-group input[type=datetime-local]:focus,
.tjf-form-wrapper .tjf-form-group input[type=datetime]:focus,
.tjf-form-wrapper .tjf-form-group input[type=email]:focus,
.tjf-form-wrapper .tjf-form-group input[type=file]:focus,
.tjf-form-wrapper .tjf-form-group input[type=month]:focus,
.tjf-form-wrapper .tjf-form-group input[type=number]:focus,
.tjf-form-wrapper .tjf-form-group input[type=password]:focus,
.tjf-form-wrapper .tjf-form-group input[type=search]:focus,
.tjf-form-wrapper .tjf-form-group input[type=tel]:focus,
.tjf-form-wrapper .tjf-form-group input[type=text]:focus,
.tjf-form-wrapper .tjf-form-group input[type=time]:focus,
.tjf-form-wrapper .tjf-form-group input[type=url]:focus,
.tjf-form-wrapper .tjf-form-group input[type=week]:focus,
.tjf-form-wrapper .tjf-form-group select optgroup:focus,
.tjf-form-wrapper .tjf-form-group select:focus,
.tjf-form-wrapper .tjf-form-group textarea:focus {
    outline: 0;
    border: 1px solid var(--main-theme-color);
    -webkit-box-shadow: rgba(255, 120, 0, .5) 0 0 6px 0;
    box-shadow: rgba(255, 120, 0, .5) 0 0 6px 0
}

.tjf-form-wrapper .tjf-form-group input:-webkit-autofill,
.tjf-form-wrapper .tjf-form-group input:-webkit-autofill::first-line,
.tjf-form-wrapper .tjf-form-group input:-webkit-autofill:active,
.tjf-form-wrapper .tjf-form-group input:-webkit-autofill:focus,
.tjf-form-wrapper .tjf-form-group input:-webkit-autofill:hover {
    font: 400 16px lato;
    -webkit-box-shadow: #fff 0 0 0 30px inset !important;
    box-shadow: #fff 0 0 0 30px inset !important
}

.tjf-tab-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #bbb;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tjf-login-tab,
.tjf-register-tab,
.tjf-webinar-register-tab,
.tjf-webinar-login-tab {
    text-decoration: none;
    display: block;
    background-color: #fff;
    text-transform: uppercase;
    text-align: center;
    color: #bbb;
    font-size: 18px;
    margin: 0 20px;
    letter-spacing: .5px;
    padding: 10px;
    border-bottom: 2px solid transparent
}

.active {
    color: var(--main-theme-color);
    border-bottom: 2px solid;
    font-family: latobold
}

.tjf-register-box,
.tjf-tab-btn {
    max-width: 700px;
    margin: 20px auto 40px
}

.tjf-login-box {
    display: none
}

.tjf-popup-label {
    font-family: latobold;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 400
}

.tjf-login-box,
.tjf-register-box {
    margin-top: 30px
}

.tjf-login-box {
    max-width: 450px;
    margin: 0 auto
}

.tjf-form-title {
    font-size: 28px;
    line-height: 1.42;
    font-family: latobold;
    font-weight: 400;
    margin: 0 0 30px
}

p.popup-form-notice {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

p.popup-form-notice strong {
    font-size: 16px;
    line-height: 1.42;
    margin-bottom: 5px;
    display: block;
    color: var(--main-dark-txt-color)
}

.tjf-theme-checkbox.tjf-vertical-options label,
.tjf-theme-radio.tjf-vertical-options label {
    margin: 0 20px 20px 0
}

.tjf-form-group {
    margin-bottom: 15px
}

.tjf-login-tab:hover,
.tjf-register-tab:hover {
    border-bottom: 2px solid
}

.htt-editable-pill-name {
    padding: 5px 35px 5px 8px;
    background: #fff1ec;
    border-radius: 5px;
    color: var(--main-theme-color);
    position: relative;
    padding-right: 35px;
    margin: 0 10px 10px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px
}

.htt-editable-pill-name .htt-editable-pill-remove-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 16px;
    background: var(--main-theme-color);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff
}

.htt-editable-pill-name span {
    font-size: 14px;
    margin-left: 5px
}

.htt-editable-pill-name .htt-editable-pill-remove-btn:hover {
    background: #ff3d3d
}

.custom-exp-slider .ui-widget.ui-widget-content {
    background: #eee;
    border: 0;
    height: 7px;
    cursor: pointer;
    width: calc(100% - 25px);
    margin: 24px .6em 0
}

.custom-exp-slider .ui-slider-range {
    background: var(--main-theme-color)
}

.custom-exp-slider .ui-widget.ui-widget-content span.ui-slider-handle.ui-corner-all.ui-state-default {
    border: none;
    border-radius: 50%;
    background-color: var(--main-theme-color);
    cursor: pointer;
    outline: 0
}

.custom-exp-slider .exp-count-show:focus {
    outline: 0;
    border: none
}

.custom-exp-slider .exp-count-show {
    border: 0;
    text-align: center;
    color: var(--main-theme-color);
    font-family: var(--font-bold);
    cursor: default
}

.ui-slider span.slider-max,
.ui-slider span.slider-min {
    top: 15px;
    font-size: 12px;
    position: absolute;
    color: #888
}

.ui-slider span.slider-min {
    left: 0
}

.ui-slider span.slider-max {
    right: 0
}

.custom-exp-slider>span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-family: latobold
}

.tjf-loggedin-user-msg {
    font-size: 14px;
    color: #555
}

.tjf-loggedin-user-msg .tjf-popup-logout-link {
    font-family: latobold;
    color: var(--main-theme-color);
    line-height: 1.42
}

span.tjf-error {
    display: block;
    color: #900;
    font-size: 12px;
    float: none;
    cursor: default
}

.tjf-body-fixed .select2-container.select2-container--open.select2-container--below span.select2-selection {
    border-bottom: none
}

.tjf-body-fixed .select2-container.select2-container--open.select2-container--above span.select2-selection {
    border-top: none
}

.tjf-body-fixed .select2-container.select2-container--open .select2-selection,
.tjf-body-fixed .select2-container.select2-container--open .select2-dropdown {
    border-color: var(--main-theme-color);
    -webkit-box-shadow: 0 3px 10px #e8e8e8;
    box-shadow: 0 3px 10px #e8e8e8
}

.tjf-body-fixed .select2-container .select2-selection {
    padding: 4px 7px;
    font-size: var(--fs-16);
    display: block;
    width: 100%;
    color: var(--main-txt-color);
    font-family: inherit;
    border-radius: 6px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #999;
    -webkit-transition: border-color .2s ease-in-out, border .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out, border .2s ease-in-out;
    transition: border-color .2s ease-in-out, border .2s ease-in-out
}

.tjf-body-fixed .select2-container .select2-selection:hover {
    border-color: var(--main-theme-color);
    background-color: #fff
}

.tjf-body-fixed .select2-container:focus {
    outline: none;
    border: none
}

.tjf-body-fixed .select2-container .select2-selection:focus,
.tjf-body-fixed .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none
}

.tjf-body-fixed .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 16px
}

.tjf-body-fixed .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: inherit
}

.tjf-body-fixed .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 6px
}

.tjf-body-fixed .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.tjf-body-fixed .select2-container--default .select2-results__option--selected {
    background-color: #fff3ef;
    color: var(--main-theme-color)
}

.tjf-body-fixed .select2-results__option {
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 10px;
    font-size: 16px;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.tjf-body-fixed .select2-results__options>.select2-results__option:last-child {
    border-radius: 0 0 6px 6px
}

.tjf-body-fixed .select2-search--dropdown .select2-search__field {
    padding: 10px 12px;
    font-size: 14px
}

.select2-container--open .select2-dropdown {
    margin-top: 0 !important
}

.faq_body {
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    height: 0
}

.faq_body p {
    margin: 0;
    padding: 0 20px 20px
}

.faq_col {
    background-color: var(--main-gray-bg-color);
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden
}

.faq_col a {
    font-weight: 700;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq_col.show .faq_body {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    height: auto
}

.faq_col.show i {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.faq_col i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s
}

.tjf-blog-text-quote {
    margin-bottom: 20px;
    border: 2px solid var(--main-theme-color);
    padding: 20px;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.6;
    position: relative
}

.avatar-left {
    padding: 0 20px
}

.tjf-user-info-right {
    display: inline-block
}

.tjf-img-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid var(--main-gray-bg-color);
    background: var(--main-gray-bg-color);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1)
}

.tjf-blog-text-quote-name {
    font-weight: 700;
    font-family: latobold
}

.tjf-img-avatar:before {
    content: "";
    top: -22px;
    right: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--main-theme-color)
}

.tjf-img-avatar:after {
    content: "";
    top: -23px;
    right: 32px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff
}

.tjf-img-avatar {
    position: relative
}

.tjf-img-avatar:before,
.tjf-img-avatar:after {
    position: absolute
}

.tjf-author-right .tjf-d-flex {
    flex-direction: row-reverse
}

.tjf-author-right .tjf-user-info-right {
    text-align: right
}

.tjf-achievement {
    max-width: 460px;
    margin: 0 auto;
    width: 100%
}

.tjf-achievement-box-wrapper {
    text-align: center;
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 10px;
    max-width: 200px;
    width: 100%;
    margin: 25px auto;
    box-shadow: 0 3px 40px rgb(0 0 0/5%);
    position: relative
}

.tjf-achievement-counter {
    font-size: 28px;
    font-family: latobold;
    color: var(--main-theme-color);
    margin: 15px 0 10px
}

.tjf-achievement-title {
    font-size: 20px
}

.tjf-achievement-icon.sprite {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../png/tjf-achievement-icons.png);
    background-position: left center;
    background-repeat: no-repeat
}

.tjf-achievement-icon.sprite.achievement_attendees_icon {
    background-position: -85px 0;
    width: 70px;
    height: 70px
}

.tjf-achievement-icon.sprite.achievement_companies_icon {
    background-position: -165px 0;
    width: 70px;
    height: 70px
}

.tjf-achievement-icon.sprite.achievement_countries_icon {
    background-position: -245px 0;
    width: 70px;
    height: 70px
}

.tjf-achievement-icon.sprite.achievement_partners_icon {
    background-position: -5px 0;
    width: 70px;
    height: 70px
}

.tjf-achievement .tjf-col-md-6:nth-child(1) .tjf-achievement-box-wrapper,
.tjf-achievement .tjf-col-md-6:nth-child(4) .tjf-achievement-box-wrapper {
    background: var(--main-theme-light-color)
}

.tjf-achievement .tjf-col-md-6:nth-child(2) .tjf-achievement-box-wrapper:after {
    content: ".";
    width: 70%;
    height: 70%;
    border-top: 4px dotted var(--main-txt-color);
    border-right: 4px dotted var(--main-txt-color);
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: .2;
    border-radius: 0 10px 0 0
}

.tjf-achievement .tjf-col-md-6:nth-child(3) .tjf-achievement-box-wrapper:after {
    content: ".";
    width: 65%;
    height: 65%;
    border-bottom: 4px dotted var(--main-theme-color);
    border-left: 4px dotted var(--main-theme-color);
    display: block;
    position: absolute;
    bottom: -20px;
    left: -20px;
    opacity: .3;
    border-radius: 0 0 0 10px
}

.tjf-achievement .tjf-col-md-6:nth-child(3) .tjf-achievement-box-wrapper:before {
    content: ".";
    width: 70%;
    height: 70%;
    border-bottom: 4px dotted var(--main-theme-color);
    border-left: 4px dotted var(--main-theme-color);
    display: block;
    position: absolute;
    bottom: -30px;
    left: -30px;
    opacity: .3;
    border-radius: 0 0 0 10px
}

.tjf-achievement .tjf-col-md-6:nth-child(2) {
    margin-top: 50px
}

.tjf-achievement .tjf-col-md-6:nth-child(3) {
    margin-top: -50px
}

.common-video-icon {
    background-color: #000;
    min-height: 350px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.common-video-icon .common-video-play-button {
    background: var(--main-theme-color);
    font-size: 0;
    height: 70px;
    width: 70px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    box-shadow: 0 0 0 10px rgb(255 120 0/15%);
    transition: all .5s
}

.common-video-icon .common-video-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 17px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: calc(50% + 2px);
    top: 50%;
    transform: translate(-50%, -50%)
}

.common-video-icon .common-video-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7
}

.common-video-icon:hover .common-video-play-button {
    background: #c90000;
    box-shadow: 0 0 0 10px rgba(201, 0, 0, .15)
}

.common-video-icon:hover .common-video-play-button:hover {
    animation: blinkbtn 2s infinite
}

@keyframes blinkbtn {
    0% {
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        transition: all .5s
    }

    50% {
        box-shadow: 0 0 0 20px rgba(201, 0, 0, .25);
        transition: all .5s
    }

    100% {
        box-shadow: 0 0 0 10px rgba(201, 0, 0, .15);
        transition: all .5s
    }
}

.watch-over-event {
    padding: 70px 0 40px;
    position: relative;
    overflow: hidden
}

.watch-over-event .main-title-with-subtitle-wrapper {
    margin-bottom: 50px
}

.watch-over-event-img-box {
    height: 260px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(255 120 0/10%);
    border-radius: 10px;
    transition: all .2s 0s
}

.watch-over-event-img-box:hover,
.watch-over-event-video-box:hover {
    transform: translateY(calc(3px*-1));
    box-shadow: 0 10px 30px rgb(255 120 0/20%)
}

.watch-over-event .tjf-col-md-4 .watch-over-event-img-box:last-of-type {
    height: 500px
}

.watch-over-event-img-box a {
    display: block;
    line-height: 0;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.watch-over-event-img-box a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease 0s
}

.watch-over-event-video-box {
    box-shadow: 0 0 30px rgb(255 120 0/10%);
    margin-bottom: 30px;
    transition: all .2s 0s
}

.watch-over-event-video-box .common-video-thumbnail img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.watch-over-event-video-box,
.watch-over-event-video-box .popup-youtube,
.watch-over-event-video-box .common-video-icon {
    height: 500px
}

.watch-over-event:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--main-theme-light-color);
    height: 600px;
    width: 100%;
    left: 0;
    bottom: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0 100%);
    transform: rotate(180deg)
}

.award-section {
    padding-bottom: 50px
}

.award-section a {
    display: block
}

strong {
    font-family: latobold
}

.single-location-agenda {
    padding: 0 !important
}

.single-agenda-row {
    display: flex;
    position: relative
}

.single-agenda-row:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 200px;
    background-color: var(--main-gray-bg-color)
}

.single-agenda-row:first-of-type {
    padding-top: 60px
}

.single-agenda-row:last-of-type {
    padding-bottom: 60px
}

.single-agenda-program-time {
    position: relative
}

.single-agenda-program-time:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid var(--main-theme-color);
    display: block;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translate(0, -50%);
    z-index: 1;
    transition: all .3s 0s
}

.single-agenda-row:hover .single-agenda-program-time:after {
    background-color: var(--main-theme-color);
    animation: AnimPulse 1.5s infinite;
    transform: translate(0, -50%) scale(.8)
}

@keyframes AnimPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 120 0/.8)
    }

    70% {
        box-shadow: 0 0 0 15px rgb(255 120 0/0%)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255 120 0/0%)
    }
}

.single-agenda-program-time span {
    border: 1px solid var(--main-gray-bg-color);
    padding: 10px 20px;
    border-radius: 6px;
    font-family: latobold;
    background-color: #fff;
    display: inline-block;
    position: relative;
    transition: all .3s 0s
}

.single-agenda-program-time span:after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: var(--main-gray-bg-color);
    display: block;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    z-index: -1;
    transition: all .3s 0s
}

.single-agenda-row:hover .single-agenda-program-time span {
    background-color: var(--main-theme-color);
    color: #fff;
    border-color: var(--main-theme-color);
    box-shadow: 0 3px 8px rgb(255 120 0/30%)
}

.single-agenda-row:hover .single-agenda-program-time span:after {
    background-color: var(--main-theme-color)
}

.single-agenda-col-left {
    flex: 0 0 200px;
    max-width: 200px;
    margin-top: 20px
}

.single-agenda-col-right {
    flex: 1;
    border-bottom: 1px solid var(--main-gray-bg-color);
    padding: 30px
}

.single-agenda-row:last-of-type .single-agenda-col-right {
    border: 0
}

.single-agenda-program-title {
    font-size: 24px;
    font-family: latobold;
    margin-bottom: 10px
}

.single-agenda-speaker-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.single-agenda-speaker-col {
    background-color: var(--main-gray-bg-color);
    flex: 0 0 calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    border-radius: 6px;
    padding: 20px;
    margin: 10px;
    transition: all .3s 0s
}

.single-agenda-speaker-col:hover {
    background-color: var(--main-theme-light-color)
}

.single-agenda-speaker-details {
    display: flex
}

.single-agenda-speaker-profile img {
    width: 70px;
    height: 71px;
    object-fit: cover;
    border-radius: 6px
}

.single-agenda-speaker-profile {
    flex: 0 0 70px
}

.single-agenda-speaker-profile-details {
    flex: 1;
    padding-left: 15px
}

.single-agenda-speaker-name {
    font-family: latobold
}

.single-agenda-speaker-designation {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal
}

.single-agenda-speaker-social-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.single-agenda-speaker-social-links ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

.single-agenda-speaker-social-links ul li {
    margin-right: 10px;
    font-size: 16px
}

.single-agenda-speaker-social-links .linkedin-link a {
    color: #0070ac
}

.single-agenda-speaker-social-links .xing-link a {
    color: #045d61
}

.single-agenda-speaker-social-links .facebook-link a {
    color: #38539b
}

.single-agenda-speaker-social-links .twitter-link a {
    color: #2aa5db
}

.single-agenda-speaker-social-links .instagram-link a {
    color: #c63490
}

.single-agenda-speaker-social-links .youtube-link a {
    color: #f80000
}

.single-agenda-speaker-social-links a:hover {
    opacity: .7
}

.single-agenda-speaker-view-detail-link {
    font-size: 14px;
    color: var(--main-theme-color);
    font-family: latobold;
    opacity: 0;
    visibility: hidden
}

.single-agenda-speaker-col:hover .single-agenda-speaker-view-detail-link {
    opacity: 1;
    visibility: visible
}

.tjf-jobs-social-media-section {
    background-color: var(--main-theme-light-color);
    padding: 60px 0
}

.tjf-jobs-social-media-page {
    padding: 20px;
    border: 1px solid transparent;
    display: block;
    border-radius: 6px;
    position: relative;
    height: 100%;
    background-color: #fff
}

.tjf-jobs-social-media-page:hover {
    color: var(--main-dark-txt-color)
}

.tjf-jobs-social-media-page img {
    max-width: 130px;
    width: 100%;
    margin-bottom: 30px
}

.tjf-jobs-social-media-page small {
    color: var(--main-txt-color);
    display: block
}

.tjf-jobs-social-media-page h4 {
    margin: 0;
    font-size: 20px;
    font-family: latobold
}

.tjf-jobs-social-media-page i {
    position: absolute;
    right: 20px;
    bottom: 30px
}

.tjf-jobs-social-media-page h5 {
    margin-top: 0;
    font-family: latobold;
    font-size: 20px
}

.tjf-jobs-social-media-page:hover {
    border: 1px solid var(--main-theme-color);
    box-shadow: 0 10px 30px rgb(255 120 0/10%)
}

.tjf-jobs-social-media-view-more {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-theme-color);
    font-family: latobold;
    font-size: 20px
}

.tjf-total-network-section {
    padding: 60px 0
}

.tjf-total-network {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgb(0 0 0/5%);
    height: 100%
}

.tjf-total-network i {
    width: 60px;
    height: 60px;
    background-color: var(--main-gray-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 24px;
    margin-right: 20px
}

.tjf-total-network p {
    margin: 0 0 10px
}

.tjf-total-network h2 {
    margin: 0;
    font-family: latobold
}

.tjf-jobs-others-social-media {
    padding: 60px 0
}

.tjf-jobs-others-social-media-flex {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 10px 30px rgb(0 0 0/5%)
}

.tjf-jobs-others-social-media-img {
    border-radius: 6px;
    margin-right: 20px;
    flex: 0 0 130px;
    line-height: 0;
    overflow: hidden
}

.tjf-jobs-others-social-media-content h4 {
    margin-top: 0;
    font-family: latobold;
    font-size: 20px;
    width: 100%
}

.tjf-jobs-others-social-media-likes b,
.tjf-jobs-others-social-media-followers b {
    display: block;
    font-family: latobold;
    font-size: 20px
}

.tjf-jobs-others-social-media-content {
    display: flex;
    flex-wrap: wrap
}

.tjf-jobs-others-social-media-likes {
    width: 50%;
    padding-right: 10px
}

.tjf-jobs-others-social-media-flex:hover {
    color: var(--main-txt-url-color);
    background-color: var(--main-gray-bg-color)
}

.tjf-jobs-facebook-group {
    background-color: var(--main-theme-light-color);
    padding: 60px 0
}

.tjf-jobs-social-media-page .tjf-icon-linkedin {
    color: #0070ac
}

.tjf-jobs-social-media-page .tjf-icon-facebook {
    color: #38539b
}

.single-fair-location {
    margin-bottom: 25px;
    margin-top: -10px;
    display: flex;
    align-items: center
}

.single-fair-location:before {
    content: "\e905";
    font-family: techjobsfair-icon-pack;
    margin-right: 8px;
    animation-name: bounce;
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom
}

.download-app-icon-container {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.download-app-icon-container a {
    padding-right: 10px
}

.download-app-icon-container a img {
    line-height: 0
}

.offer-countdown-container .offer-countdown-title {
    padding: 10px 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: latobold;
    letter-spacing: .5px;
    margin: 0;
    position: relative
}

.offer-countdown-container .offer-countdown-title img {
    position: absolute;
    left: -30%;
    top: -140%;
    filter: brightness(1.1)
}

.offer-countdown-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 0;
    flex-wrap: wrap
}

.offer-countdown-container .offer-countdown {
    padding: 0 30px
}

.offer-countdown-container .become-exhibitor-banner-action-button {
    line-height: 0;
    padding: 10px 0
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.whatsapp-link a:hover {
    background-color: #128c7e
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.telegram-link a:hover {
    background-color: #e0cfb1
}

footer.site-footer .site-advance-footer .footer-social-links-wrapper ul.footer-social-links li.footer-social-item.slack-link a:hover {
    background-color: #ecb22e
}

.testimonial-grid-item {
    width: calc(33.33% - 30px);
    float: left;
    margin: 15px 15px 30px
}

@media(max-width: 992px) {
    .testimonial-grid-item {
        width: calc(50% - 30px)
    }
}

@media(max-width: 575px) {
    .testimonial-grid-item {
        width: calc(100% - 30px)
    }
}

.offer-countdown-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 35px 0;
    background-color: var(--main-theme-light-color);
    border-radius: 10px
}

.offer-countdown-container .offer-countdown-title {
    padding: 10px 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: latobold;
    letter-spacing: .5px;
    margin: 0;
    position: relative
}

.offer-countdown-container .offer-countdown {
    padding: 0 30px
}

.offer-countdown-container .become-exhibitor-banner-action-button {
    line-height: 0;
    padding: 10px 0
}

.offer-countdown-container .hasCountdown .countdown_section .countdown_amount {
    background: #fff !important
}

.offer-countdown-container .hasCountdown .countdown_section::before {
    background: #fff !important
}

.offer-countdown-container .offer-countdown-title img {
    position: absolute;
    left: -30%;
    top: -140%;
    filter: brightness(1.1)
}

.offer-countdown-home-section {
    margin-bottom: 50px
}


/* Single blog posts css start  */

.blog-full-content p {
    margin-bottom: 20px;
    margin-top: 0;
}

.blog-full-content {
    margin: 0 0 15px;
    padding: 0;
}

.blog-full-content h1,
.blog-full-content h2,
.blog-full-content h3,
.blog-full-content h4 {
    color: #111;
    font-weight: 400;
    margin: 20px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.blog-full-content table {
    max-width: 1000px;
    margin: 30px auto;
    border-collapse: collapse;
    border-radius: 4px;
    overflow: hidden;
    border-bottom: 0px solid var(--main-theme-color);
    height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.blog-full-content thead {
    background-color: var(--main-theme-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.blog-full-content th {
    padding: 10px 20px;
    font-size: 18px;
    text-align: left;
}

.blog-full-content td {
    border: 1px solid var(--main-gray-bg-color);
    padding: 15px;
    margin: 0;
}

.blog-full-content table tr:nth-child(even) {
    background-color: var(--main-gray-bg-color);
}

.blog-full-content strong {
    color: var(--main-dark-txt-color);
    font-size: 20px;
}


.blog-full-content ul {
    list-style: none;
}

.blog-full-content ol {
    margin: 20px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    counter-reset: item;
}

.blog-full-content ol li {
    width: 100%;
    font-size: 17px;
    letter-spacing: 0.2px;
    margin-top: 15px;
    padding: 5px 0 5px 35px;
    position: relative;
    display: block;
    line-height: normal;
}

.blog-full-content ol>li:before {
    content: counter(item) "";
    counter-increment: item;
    color: #fff;
    background: var(--main-theme-color);
    height: 25px;
    width: 25px;
    display: flex;
    position: absolute;
    left: 0;
    justify-content: center;
    top: 4px;
    font-size: 13px;
    line-height: 27px;
    font-weight: 400;
    border-radius: 100%;
}

.lwptoc_header {
    margin-bottom: 20px !important;
}

.single-blog-content-box ol li h1,
.single-blog-content-box ol li h2,
.single-blog-content-box ol li h3,
.single-blog-content-box ol li h4,
.single-blog-content-box ol li h5,
.single-blog-content-box p,
.single-blog-content-box ul li h1,
.single-blog-content-box ul li h2,
.single-blog-content-box ul li h3,
.single-blog-content-box ul li h4,
.single-blog-content-box ul li h5,
.single-blog-content-box ol li h1,
.single-blog-content-box ol li h2,
.single-blog-content-box ol li h3,
.single-blog-content-box ol li h4,
.single-blog-content-box ol li h5,
.single-blog-content-box p,
.single-blog-content-box ul li h1,
.single-blog-content-box ul li h2,
.single-blog-content-box ul li h3,
.single-blog-content-box ul li h4,
.single-blog-content-box ul li h5,
.single-blog-content-box p:not(:last-child) {
    padding: 0;
    margin: 0 0 20px;
}

.single-blog-content-box ol>li:before {
    content: counter(item) "";
    counter-increment: item;
    color: #fff;
    background: var(--main-theme-color);
    height: 25px;
    width: 25px;
    display: flex;
    position: absolute;
    left: 0;
    justify-content: center;
    top: 4px;
    font-size: 13px;
    line-height: 27px;
    font-weight: 400;
    border-radius: 100%;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body ol,
.single-blog-content-box ol {
    margin: 20px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    counter-reset: item;
}

.single-blog-content-box ol li {
    width: 100%;
    font-size: 17px;
    letter-spacing: .2px;
    margin-top: 15px;
    padding: 5px 0 5px 35px;
    position: relative;
    display: block;
    line-height: normal;
}

.single-blog-content-box ol li p {
    padding-top: 5px;
    margin: 0;
}

.single-blog-content-box ul strong {
    font-size: 20px;
}

/* Blog page heading background css  */
.single-blog-content-box h2 {
    margin-bottom: 20px !important;
    margin-top: 35px;
    background-color: var(--main-theme-light-color);
    color: #111;
    border-left: 10px solid var(--main-theme-color);
    border-radius: 3px;
    padding: 15px 25px;
    font-size: 28px;
    display: inline-block;
    width: 100%;
    line-height: 35px;
}

/* Blog page heading background css  */

/* Extra css for blog page start  */
.eckb-kb-template #eckb-article-content #eckb-article-content-body figure footer cite.author,
.eckb-kb-template #eckb-article-content #eckb-article-content-body figure footer cite.company,
figure footer cite.author,
figure footer cite.company {
    margin: 0;
    padding: 0;
    font-style: normal;
}

.highlights-content-style1-wrapper {
    background: var(--main-theme-light-color);
    flex-wrap: wrap !important;
    padding: 40px 30px !important;
    color: var(--main-theme-color) !important;
    justify-content: center !important;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style2-wrapper,
.highlights-content-style2-wrapper {
    background: #fff7e5 !important;
    padding: 40px 30px !important;
    flex-wrap: wrap !important;
    color: #925e00 !important;
    justify-content: center !important;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style3-wrapper,
.highlights-content-style3-wrapper {
    background: #e5ecff !important;
    padding: 40px 30px !important;
    flex-wrap: wrap !important;
    color: #593e8e !important;
    justify-content: center !important;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style4-wrapper,
.highlights-content-style4-wrapper {
    background: #eee !important;
    padding: 40px 30px !important;
    flex-wrap: wrap !important;
    color: #666 !important;
    justify-content: center !important;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style1-wrapper {
    background: var(--main-theme-light-color);
    padding: 40px 30px !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    font-size: 19px !important;
    line-height: 32px !important;
    color: var(--main-theme-dark-color);
    text-align: center !important;
    border-radius: 10px !important;
    font-family: latoregular !important;
    margin: 30px 0 !important;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style2-wrapper,
.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style3-wrapper,
.eckb-kb-template #eckb-article-content #eckb-article-content-body .highlights-content-style4-wrapper,
.highlights-content-style1-wrapper,
.highlights-content-style2-wrapper,
.highlights-content-style3-wrapper,
.highlights-content-style4-wrapper {
    display: inline-flex !important;
    font-size: 19px !important;
    line-height: 32px !important;
    border-radius: 10px !important;
    font-family: latoregular !important;
    margin: 30px 0 !important;
    text-align: center !important;
}

ol.theme-number-list,
ul.theme-list {
    margin: 15px 0;
    display: flex;
    padding: 0;
    list-style-type: none;
}

ul.theme-list {
    flex-wrap: wrap;
}

ul.theme-list li {
    width: 100%;
    font-size: 17px;
    letter-spacing: 0.2px;
    margin-top: 0;
    padding: 0 0 0 20px;
    position: relative;
}

figure blockquote {
    color: #111;
    font-family: latosemibold;
    margin: 0;
}

figure footer {
    background: transparent;
    padding-top: 20px;
}

figure footer cite {
    color: var(--main-theme-color);
    font-family: latosemibold;
}

.single-blog-content-box h3,
.single-blog-content-box h4 {
    font-size: 24px;
    line-height: 30px;
    margin: 35px 0 20px 0;
}

.single-blog-content-box h5,
.single-blog-content-box h6 {
    font-size: 22px;
    line-height: 36px;
    margin: 20px 0;
}

.single-blog-content-box strong span {
    font-size: 21px;
    line-height: 26px;
    margin: 30px 0 10px 0;
    display: block;
}

.single-blog-content-box .lwptoc_item span.lwptoc_item_label:hover {
    color: var(--main-theme-color);
}

.single-blog-content-box .lwptoc_item span.lwptoc_item_label {
    color: #111;
    font-size: 18px;
    line-height: normal;
}

.single-blog-content-box img {
    margin-top: 20px;
}


/* Extra css for blog page End  */

/* Table of content Css start */
.lwptoc .lwptoc_i {
    background-color: #fff !important;
}

.single-blog-content-box .lwptoc_i {
    padding: 30px !important;
}

.single-blog-content-box .lwptoc_header {
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    font-size: 28px;
}

.single-blog-content-box .lwptoc {
    margin: 32px 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    transition: all 0.6s;
}

.single-blog-content-box .lwptoc:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 6%);
    border-color: var(--main-theme-color);
}

.single-blog-content-box .lwptoc_i {
    padding: 20px;
}

.single-blog-content-box .lwptoc_itemWrap {
    padding-left: 20px;
}

.single-blog-content-box .lwptoc_item {
    font-family: latoregular;
    line-height: 28px;
    margin: 5px 0;
}

.lwptoc_item a {
    position: relative;
}

.single-blog-content-box .lwptoc_item a:hover:after {
    width: 100%;
}

.single-blog-content-box .lwptoc_item a:after {
    width: 0;
    height: 2px;
    background: var(--main-theme-color);
    content: "";
    transition: all 0.4s;
    position: absolute;
    bottom: -4px;
    left: 0;
}

span.lwptoc_item_label:before {
    content: "\2022";
    color: var(--main-theme-color);
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 18px;
}

/* Table of content Css End */

@media screen and (max-width: 767px) {
    .blog-full-content table.table tr td::before {
        content: attr(data-title) ": ";
        font-size: 15px;
        flex: 1;
        text-align: left;
        font-weight: 400;
    }

    .blog-full-content table.table tr td {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px solid #f5f5f5;
        text-align: right;
    }

    .blog-full-content table.table tr th {
        display: none;
    }
}

/* Single blog posts css End  */

/*single Award start*/
.global-award-content-section .single-award-col-left {
    flex: 0 0 120px;
    max-width: 200px;
    margin-top: 30px;
}

.global-award-content-section h2 {
    font-size: 34px;
    line-height: normal;
    margin: 0 0 20px 0;
}

.global-award-content-section h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 35px 0 20px;
}

.global-award-content-section .single-agenda-row:after {
    left: 120px;
}

.global-award-content-section a {
    color: var(--main-theme-color);
}

.global-award-content-section a:hover {
    color: var(--main-dark-txt-color);
}

/* .global-award-content-section .single-agenda-program-time:after{
    background-image: url(assets/images/award-trophy.svg);
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    right: -21px;
} */
.global-award-content-section .single-agenda-speaker-profile img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
}

.global-award-content-section .single-agenda-speaker-profile {
    flex: 0 0 30%;
    width: 30%;
    text-align: center;
    padding: 30px;
    background-color: #f5f5f5;
    border-radius: 10px;
    height: fit-content;
}

.global-award-content-section .single-agenda-speaker-profile img {
    box-shadow: 0 0 40px rgb(0 0 0/10%);
}

.global-award-content-section .single-agenda-speaker-col {
    flex: 0 0 100%;
    width: 100%;
    background-color: #fff;
}

.global-award-content-section .single-agenda-speaker-profile-details {
    padding-left: 50px;
}

@media (max-width: 768px) {
    .global-award-content-section .single-agenda-speaker-profile img {
        max-height: 200px;
    }

    .global-award-content-section .single-agenda-speaker-details {
        display: block;
    }

    .global-award-content-section .single-award-col-left,
    .global-award-content-section .single-agenda-row:after {
        display: none;
    }

    .global-award-content-section .single-agenda-speaker-profile {
        width: 100%;
        max-width: 300px;
        padding: 15px;
    }

    .global-award-content-section .single-agenda-speaker-profile-details {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }

    .global-award-content-section .single-agenda-col-right {
        padding: 0;
    }

    .global-award-content-section .single-agenda-speaker-col {
        padding: 0;
    }

    .global-award-content-section .single-agenda-speaker-row {
        display: block;
        margin: 0;
    }
}

/*single Award End*/

/* Must Attend section Css Start  */
.home .must-attend-event-section {
    margin-bottom: 60px;
    background-color: var(--main-gray-bg-color);
}

.role-container {
    width: 100%;
    display: flex;
}

.role-container .role-content-wrapper .role-txt {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.2px;
    padding-left: 20px;
    max-width: 70%;
}

.must-attend-event-section {
    padding: 60px 0 30px 0;
    pointer-events: none;
}

.home .role-container .role-content-container {
    background: #fff;
    border: none;
    border-radius: 10px;
}

.role-container .role-content-container {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    height: 90px;
    border-radius: 10px;
    border: 1px solid #efefef;
}

.role-container .role-content-wrapper .icon {
    height: 58px;
    width: 58px;
    border-radius: 100px;
    background: #ff7800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid #FFF1E5;
}

.role-container .role-content-wrapper .icon img {
    max-width: 25px;
}

.role-container .role-content-wrapper {
    width: 20%;
    display: flex;
    margin: 15px;
    height: auto;
    max-height: 100px;
}

.slick-slider.reverse {
    transform: rotate(180deg);
}

.slick-slider.reverse .slick-slide {
    transform: rotate(180deg);
}

@media (max-width: 1400px) {
    .role-container .role-content-wrapper .role-txt {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 27px;
        letter-spacing: 0.2px;
        padding-left: 20px;
    }

    .role-container .role-content-wrapper .icon {
        height: 50px;
        width: 50px;
        border: 5px solid #FFF1E5;
        max-width: 30%;
        padding: 5px;
    }

}

@media (max-width: 1200px) {
    .role-container .role-content-container {
        padding: 10px;
    }

    .role-container .role-content-wrapper {
        margin: 10px;
    }
}

@media (max-width: 800px) {
    .role-container .role-content-wrapper .icon {
        height: 50px;
        width: 100%;
        border: 5px solid #FFF1E5;
        max-width: 50px;
    }

    .role-container .role-content-wrapper .role-txt {
        padding-left: 10px;
    }
}

/* Must Attend section Css End  */




/*Blog page comment section disable*/

div.single-blog-comment-box {
    display: none;
}

/*Blog page comment section disable*/


/*Front page popup position checkbox css start*/


.popup-position-checkbox small {
    font-size: 14px;
}

.popup-position-checkbox .selected-ideal-roles.checkbox-dropdown-div {
    padding: 0 10px;
}

.popup-position-checkbox .selected-ideal-roles.checkbox-dropdown-div.theme-checkbox.two-col-input-list.tjf-row label {
    padding: 3px 0;
    font-size: 16px;
}

.popup-position-checkbox .selected-ideal-roles.checkbox-dropdown-div.theme-checkbox.two-col-input-list.tjf-row label input {
    margin-right: 8px;
}

.popup-position-checkbox .popup-notice-of-skills span {
    background: #ff000010;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px 0;
    display: block;
    color: red;
    font-size: 16px;
}


/*Front page popup position checkbox css End*/

/* Become Influencer Css Start */
.become-influencer-page .tjf-achievement-box-wrapper {
    max-width: 100%;
}

.why-partner-up-section {
    padding: 70px 0;
}

.why-partner-up-section .why-attend-content-col li strong {
    display: inline-block;
}

.why-partner-up-section .why-attend-content-col li {
    margin-top: 15px;
}

.why-partner-up-section .right-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content {
    max-width: 400px;
    background-color: #fff;
    box-shadow: 0 0 15px #0000002e;
    border-radius: 5px;
    overflow: hidden;
    top: calc(50% - 200px);
    margin: 50px 0 50px -80px;
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content .heading-container {
    padding: 25px;
    background-color: var(--main-theme-light-color);
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content .heading-container h3 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 35px;
    font-family: latobold;
    font-weight: 500;
    color: var(--main-dark-txt-color);
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content .heading-container h3 span {
    color: var(--main-txt-url-hover-color);
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content .bottom-container p {
    margin-top: 0;
}

.why-partner-up-section .right-container .want-to-become-influencer-partner-content .bottom-container {
    padding: 25px;
}

.meet-our-influencer-section {
    background-color: var(--main-theme-light-color);
}

.meet-our-influencer-section .meet-our-influencer-bg-image {
    background-image: url(../png/meet-our-influencer.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    margin: auto;
}

.meet-our-influencer-section .meet-our-influencer-bg-image .tjf-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.meet-our-influencer-section .meet-our-influencer-bg-image .tjf-container .main-title-with-subtitle-wrapper {
    padding: 120px 0;
    margin: 0;
}

.why-partner-up-section .right-container .want-to-become-influencer-img-col {
    background-image: url(../jpg/meet-our-influencer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-left: 100px;
    border-radius: 10px;
}

.meet-our-influencer-section .meet-our-influencer-bg-image .tjf-container .main-title-with-subtitle-wrapper .sub-title-text {
    margin-bottom: 30px;
}

.how-tjf-look-like-section {
    padding: 70px 0;
}

.how-tjf-look-like-section .single-image-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 400px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: end;
}

.how-tjf-look-like-section .single-image-container.speaker-session {
    background-image: url(../jpg/speaker-session.jpg);
}

.how-tjf-look-like-section .single-image-container.networking {
    background-image: url(../jpg/networking.jpg);
}

.how-tjf-look-like-section .single-image-container.people-and-rush {
    background-image: url(../jpg/people-and-rush.jpg);
}

.how-tjf-look-like-section .single-image-container.food-and-refreshments {
    background-image: url(../jpg/food-and-refreshments.jpg);
}

.how-tjf-look-like-section .image-description-container {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #ffffffc2;
    margin: 20px;
    border-radius: 30px;
    border: 1px solid #ffff;
    width: calc(100% - 40px);
    backdrop-filter: blur(2px);
}

.how-tjf-look-like-section .image-description-container .check-icon {
    height: 30px;
    width: 30px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    margin-right: 10px;
}

.how-tjf-look-like-section .tjf-col-md-6 {
    padding: 15px;
}

.join-influencer-team .inner-banner-title-wrapper h2.inner-banner-title {
    margin-bottom: 20px;
}

.contact-team-section {
    padding: 70px 0;
}

.contact-team-section .quick-contact-item {
    list-style: none;
}

.contact-team-section .quick-contact-item .quick-contact-box {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 20px #f3f3f3;
}

.influencer-hero-section .single-location-banner-content-wrapper .orange-title {
    color: var(--main-theme-color);
}

.influencer-testimonials-section {
    padding: 60px 0;
    background-color: var(--main-gray-bg-color);
}

.influencer-testimonials-section .testimonial-grid .testimonial-grid-item .video-testimonlial-box-wrapper {
    margin: 0;
}

.influencer-testimonials-section .testimonial-grid .testimonial-grid-item .video-testimonlial-box-wrapper .testimonlial p {
    margin: 0;
}

.influencer-testimonials-section .testimonial-grid {
    display: flex;
}

	.influencer-video-section {
        padding-bottom: 70px;
    }
    .influencer-video-slider {
        margin: 0 -15px;
    }
    .influencer-video-slider .video-testimonlial-box-wrapper {
        padding: 0 15px;
        margin: 0px;
    }
    .slick-prev, .slick-next {
        font-family: 'techjobsfair-icon-pack' !important;
        font-size: 0;
        border: 0;
        background-color: #fff;
        position: absolute;
        top: calc(50% - 22px);
        width: 44px;
        height: 44px;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0 0 15px rgb(0 0 0 / 10%);
        transition: all 0.3s 0s;
    }
    .slick-next {
        right: -5px;
    }
    .slick-prev {
        left: -5px;
    }
    .slick-next:before {
        content: "\e910";
        font-size: 18px;
    }
    .slick-prev:before {
        content: "\e90e";
        font-size: 18px;
    }
    .slick-prev:hover, .slick-next:hover {
        background-color: var(--main-theme-color);
        color: #fff;
    }

/* Become Influencer End */
/* About Us Page Css Start */
.about-page-main-container {
    scroll-behavior: smooth;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.about-timeline-section,
.join-our-team-section,
.single-addon-cta-section,
.support-types-section {
    padding: 70px 0;
}

.culture-page-navigation-wrapper {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--main-theme-light-color);
    z-index: 1;
}

.culture-page-navigation-wrapper.fixed {
    background: var(--main-theme-light-color);
    top: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: top 2s;
}

.culture-page-main-container .benefits-section .vacation-list-wrapper ul.vacation-list-wrap,
.culture-page-navigation-wrapper ul.culture-page-navigation {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item {
    display: inline-flex;
    margin-left: 30px;
    font-size: 17px;
    line-height: 35px;
    color: var(--main-dark-txt-color);
    font-weight: 400;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a {
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    transition: 0.2s;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    opacity: 0;
    width: 100%;
    background-color: var(--main-theme-color);
}

.culture-page-main-container .culture-page-nav-section {
    padding: 60px 0;
    position: relative;
    z-index: 0;
}

.culture-page-main-container .timeline-wrapper {
    padding: 0 30px;
}

.about-timeline-section .about-timeline-list-wrapper {
    margin: 0;
    padding: 30px 0;
    position: relative;
}

.about-timeline-section .about-timeline-list-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 2px;
    height: 100%;
    background: var(--main-theme-color);
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: var(--main-theme-color);
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: var(--main-theme-color);
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::before {
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    background: #fff;
    border: 2px solid var(--main-theme-color);
    border-radius: 100%;
    box-shadow: 0 0 0 5px #fff;
    transition: 0.1s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    background: var(--main-theme-color);
    border-radius: 100%;
    transition: 0.1s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover::before {
    height: 35px;
    width: 35px;
    transition: 0.1s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover::after {
    height: 10px;
    width: 10px;
    transition: 0.1s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year {
    width: 50%;
    padding: 20px 60px 20px 20px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    transition: 0.2s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year::after {
    content: "";
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: var(--main-theme-color);
    height: 20px;
    width: 11px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.2s;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover .about-timeline-year {
    padding: 20px 40px 20px 20px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover .about-timeline-year::after {
    right: 30px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year .about-timeline-year-text {
    background: var(--main-theme-color);
    color: #fff;
    font-weight: 400;
    padding: 0 20px;
    font-size: 18px;
    line-height: 53px;
    height: 50px;
    display: inline-flex;
    border-radius: 7px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year-info {
    width: 100%;
    margin: 20px 20px 20px 60px;
    background: #fff;
    padding: 20px 25px;
    max-width: calc(50% - 80px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 26px;
    border: 2px solid var(--main-gray-bg-color);
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year {
    justify-content: flex-start;
    padding: 20px 20px 20px 60px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year::after {
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    right: auto;
    left: 50px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n):hover .about-timeline-year {
    padding: 20px 20px 20px 40px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n):hover .about-timeline-year::after {
    left: 30px;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year-info {
    margin-right: 60px;
    margin-left: 20px;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item {
    display: flex;
    width: calc(20% - 40px);
    margin: 20px;
    justify-content: center;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item .team-member-infobox {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item .team-member-infobox .team-member-info-image {
    display: flex;
    margin: 0 0 20px;
    padding: 0;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item .team-member-infobox .team-member-info-image img {
    max-width: 200px;
    max-height: 200px;
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item .team-member-infobox .team-member-info-content .team-member-name {
    color: #111;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    margin: 0 0 5px;
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list .about-our-team-item .team-member-infobox .team-member-info-content .team-member-designation {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 21px;
    color: #777;
}

.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n),
.tjf-single-product-features-section .tjf-single-product-features-list:nth-child(2n) .product-features-list-row {
    flex-direction: row-reverse;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a.active::after {
    opacity: 1;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a {
    /* color: var(--main-dark-txt-color); */
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    transition: 0.2s;
}

.culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a:hover {
    color: var(--main-theme-color);
}

@media only screen and (max-width: 767px) {

    .about-our-team-section,
    .about-timeline-section,
    .culture-page-main-container .culture-page-nav-section {
        padding: 50px 0;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list::before,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list::after {
        left: 110px;
    }

    .about-timeline-section .about-timeline-list-wrapper::before {
        left: 110px;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n),
    .tjf-single-product-features-section .tjf-single-product-features-list:nth-child(2n) .product-features-list-row {
        flex-direction: row;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year {
        width: 110px !important;
        padding: 0 30px 0 0 !important;
        margin: 0 !important;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year .about-timeline-year-text {
        padding: 0 15px;
        font-size: 16px;
        line-height: 42px;
        height: 40px;
        border-radius: 5px;
        letter-spacing: 0.5px;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year::after {
        -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
        clip-path: polygon(100% 50%, 0 0, 0 100%);
        left: auto !important;
        right: 20px !important;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year::after,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover .about-timeline-year::after {
        right: 20px !important;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year {
        justify-content: flex-end;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year-info,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year-info {
        width: calc(100% - 150px);
        max-width: unset;
        margin: 15px 15px 15px 20px;
        padding: 15px 20px;
        overflow: hidden;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::before {
        left: 96px;
        transform: translate(0, -50%);
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::after {
        left: 106px;
        transform: translate(0, -50%);
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover::before {
        transition: 0.1s;
        transform: translate(0, -50%) scale(1.05);
    }

    .culture-page-navigation-wrapper,
    .culture-page-navigation-wrapper.fixed {
        position: static;
    }
}

@media only screen and (max-width: 575px) {
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::before {
        left: -2px;
        top: 25px;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item::after {
        top: 25px;
        left: 8px;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year {
        width: 100% !important;
        justify-content: flex-start;
        padding: 5px 5px 5px 50px !important;
        margin: 0;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year {
        width: 100% !important;
        justify-content: flex-start;
        padding: 5px 5px 5px 50px !important;
        margin: 0;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year::after,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:hover .about-timeline-year::after {
        right: initial;
        left: 40px;
        clip-path: polygon(0 50%, 100% 0, 100% 100%) !important;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year::after {
        right: auto !important;
        left: 40px !important;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item .about-timeline-year-info,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n) .about-timeline-year-info {
        width: calc(100% - 20px);
        padding: 10px;
        margin: 15px 0px 15px 20px;
    }

    .about-timeline-section .about-timeline-list-wrapper::before {
        left: 13px;
    }

    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list::before,
    .about-timeline-section .about-timeline-list-wrapper .about-timeline-list::after {
        left: 13px;
    }

    .culture-page-navigation-wrapper ul.culture-page-navigation {
        flex-direction: column;
        padding: 10px 0;
    }

    .culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item {
        margin: 0;
        border-top: 1px solid #ccc;
    }

    .culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item:first-child {
        margin: 0;
        border-top: none;
    }

    .culture-page-navigation-wrapper ul.culture-page-navigation li.culture-page-item a {
        margin: 0;
        padding: 10px 0;
        width: 100%;
    }

}

/* About Us Page Css End */

.profile-ideal-role-wrapper .profile-ideal-role-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 10px;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    background: var(--clr-white);
    -webkit-transition: 0.2s border ease-in-out;
    -o-transition: 0.2s border ease-in-out;
    transition: 0.2s border ease-in-out;
    border-radius: var(--border-radius);
}

.profile-ideal-role-wrapper .profile-ideal-role-list .profile-ideal-role-left-wrap,
.profile-ideal-role-wrapper .profile-ideal-role-list .profile-ideal-role-right-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-send-ajax.checkbox-dropdown-div.profile-ideal-role-right-wrap {}

.profile-ideal-role-wrapper .profile-ideal-role-list .profile-ideal-role-left-wrap [class*="profile-ideal-role-number"] {
    font-size: 20px;
    line-height: 150%;
    font-weight: 600;
    color: #111;
    margin-right: 10px;
}

.profile-ideal-role-wrapper .profile-ideal-role-list .profile-ideal-role-left-wrap .profile-ideal-role-name {
    font-weight: 400;
    color: #888;
}



/*Multi-Language Start*/
html[lang="de"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu,
html[lang="hu"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu {
    flex-wrap: nowrap;
}

html[lang="de"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item,
html[lang="hu"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item {
    margin-left: 15px;
    font-size: 15px;
}

html[lang="de"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.tjf-theme-button,
html[lang="hu"] .site-header-container .site-header-row .site-header-col.site-header-navigation .main-navigation .menu-main-menu-container ul.menu li.menu-item.tjf-theme-button {
    font-size: 14px;
}

@media(max-width: 992px) {
    .testimonial-grid-item {
        width: calc(50% - 30px)
    }

    #gt_float_wrapper {
        top: 100px !important;
    }
}

/*Multi-Language End*/