/*
	Theme Name: Techearty
	Theme URI: https://techearty.com/
	Author: Techearty Team
	Author URI: https://techearty.com/about/
	Description: This theme for techearty.com.
	Version: 1.1.0
*/

body {
    font-family: 'Barlow', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

button {
    cursor: pointer;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
}

a:hover {
    text-decoration: none;
}

a {
    color: #000;
    transition: all 0.33s;
}
.btn:focus{
    outline: none;
    box-shadow: none;
}
.th-video {
    position: relative;
    padding-bottom: 44.80%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
}
.th-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.th-white {
    color: #fff;
}

.th-section-padding {
    padding: 110px 0;
}

.section-title {
    padding-bottom: 3.375rem;
}
.th-we-featured .section-title {
    padding-bottom: 40px;
}
.th-we-featured-logos {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    gap: 40px;
    margin-top: 20px;
}
.th-we-featured .col-md-auto {
    margin: 0 auto;
}
.th-we-featured img {
    margin: 0 auto;
    width: 150px;
}

.section-title h2 {
    font-size: 2.5rem;
    color: #444;
    padding-bottom: 20px;
}
.th-we-featured .section-title h2 {
    font-size: 24px;
    text-transform: uppercase;
    word-spacing: 1px;
    padding: 0;
    margin: 0;
}

.section-title p {
    font-weight: 400;
    color: #444444;
    font-size: 1.5rem;
    line-height: 1.3;
}

/* Navigation */

#th-navigation .main-nav {
    padding: 15px 0;
}

#th-navigation h1 {
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

#th-navigation .nav-link {
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

#th-navigation .nav-link:hover, #th-navigation .current_page_item .nav-link {
    color: #b1e7ff;
}

#th-navigation .fixed-menu-bg .nav-link:hover, #th-navigation .fixed-menu-bg .current_page_item .nav-link {
    color: #26ace2;
}

.main-nav .navbar-nav>li .dropdown-menu li:first-child{
    margin-top: 0;
    border-radius: 5px 5px 0 0;
}
.main-nav .navbar-nav>li .dropdown-menu li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}
.main-nav .navbar-nav>li .dropdown-menu li {
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main-nav .navbar-nav>li .dropdown-menu li a {
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 10px 16px;
    word-spacing: 1px;
    color: #444444;
}
.main-nav .navbar-nav>li .dropdown-menu li:hover {
    background: #f7f7f7;
}
.main-nav .navbar-nav>li.dropdown>a:after {
    font-family: fontawesome;
    content: " \f107";
    margin-left: 5px;
    float: right;
}
.main-nav .navbar-nav>li .dropdown-menu li a:hover,
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover h5 {
    color: #1da3d4;
}

.th-product .dropdown-menu .link-image {
    width: 35px;
    height: 30px;
    /* padding: 7px; */
    /* border-radius: 50%; */
}
.th-product .dropdown-menu .link-image img{
    display: block;
    max-height: 30px;
    margin: 0 auto;
}
/* .th-product-1 .link-image {
    background: #24B0BB;
}
.th-product-2 .link-image {
    background: #71B280;
}
.th-product-3 .link-image {
    background: #835182;
}
.th-product-4 .link-image {
    background: #16a08b;
}
.th-product-5 .link-image {
    background: #52B3D9;
}
.th-product-6 .link-image {
    background: #CC2B5E;
} */
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-1 h5{
    color: #24B0BB;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-2 h5{
    color: #832da4;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-3 h5{
    color: #2d9574;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-4 h5{
    color: #e36249;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-5 h5{
    color: #f77f6f;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-6 h5{
    color: #2481ec;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-7 h5{
    color: #27736d;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-8 h5{
    color: #c02b60;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li:hover.th-product-9 h5{
    color: #f4812d;
}
.main-nav .navbar-nav>li.th-product .dropdown-menu li .link-image{
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media ( min-width: 768px) {
    .main-nav .navbar-nav>li .dropdown-menu {
        top: 105%;
        left: 14px;
        padding: 0;
        margin-top: 10px;
        display: block;
        visibility: hidden;
        opacity: 0;
        border: none;
        border-radius: 5px;
        background-color: #fff;
        transition: all .4s;
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .17);
        position: absolute;
       
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu .link-title {
        font-size: 15px;
        line-height: 1;
        font-weight: 600;
        color: #444;
        transition: all 0.25s;
        margin: 0;
        word-spacing: 1px;
        text-transform: capitalize;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu .link-image {
        margin: auto;
        margin-bottom: 10px;
    }
    .main-nav .navbar-nav>li .dropdown-menu::before {
        content: '';
        display: block;
        position: absolute !important;
        left: 25px;
        top: -20px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-bottom: 10px solid #fff;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu::before {
        left: 325px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu {
        min-width: 580px;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        left: -290px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li a{
        padding: 22px 0 22px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li {
        width: 33.33%;
        padding: 0;
        border-right: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        margin-top: 0;
        margin-bottom: 0;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:nth-child(2) {
        border-top-right-radius: 5px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:first-of-type {
        border-top-left-radius: 5px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:nth-child(5) {
        border-bottom-left-radius: 5px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:last-child {
        border-bottom-right-radius: 5px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:nth-last-of-type( -n+3) {
        border-bottom: 0;
        border-bottom-left-radius: 4px;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li:nth-child(3n) {
        border-right: 0;
        border-top-right-radius: 4px;
    }
    .main-nav .navbar-nav>li:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
    }

    .th-we-featured-logos {
        grid-template-columns: repeat(5, 1fr);
    }
    
}

.fixed-menu-bg {
    background-color: #fff;
    -webkit-box-shadow: 0 13px 22px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 13px 22px -5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 13px 22px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 13px 22px -5px rgba(0, 0, 0, 0.1);
}

.fixed-menu-bg span.navbar-toggler-icon .fa-bars {
    color: #26ace2;
    margin-top: 3px;
}

#th-navigation .fixed-menu-bg .nav-link {
    color: #444;
}

/*home area*/

.th-home {
    padding: 250px 0 296px;
    position: relative;
    animation: changeBackgroundColor 12s infinite;
    z-index: 1;
}

@keyframes changeBackgroundColor {
    0% {
      background-color: #7B1FA2;
    }
    25% {
      background-color: #1976D2;
    }
    50% {
      background-color: #512DA8;
    }
    75% {
      background-color: #00796B;
    }
    100% {
      background-color: #303F9F;
    }
}

.page-header.th-home {
    padding: 160px 0 90px;
    /* background: url(assets/images/page-header-bg.jpg) no-repeat center center; */
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #1976D2;
    animation: none;
}

.page-header.th-home .th-home-content h2 {
    letter-spacing: 1px;
    font-size: 30px;
    color: #f9f9f9;
}

.th-home:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    /* background-color: #2359D7; */
    /* background-image: -moz-linear-gradient(144deg, rgb(5, 130, 181) 0%, rgb(0, 137, 195) 100%);
    background-image: -webkit-linear-gradient(144deg, rgb(5, 130, 181) 0%, rgb(0, 137, 195) 100%);
    background-image: -ms-linear-gradient(144deg, rgb(5, 130, 181) 0%, rgb(0, 137, 195) 100%); */
    /* opacity: 0.7; */
    z-index: -1;
}

.th-home-content .home-btn {
    font-size: 1rem;
    border: 2px solid #fff;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 1rem 1.65rem;
    line-height: 1;
    margin-top: 1.5rem;
    word-spacing: 1px;
}

.th-home-content .home-btn:hover {
    background: #fff;
    color: #26ace2;
}

.th-home-content h2 {
    font-size: 2.5rem;
}

.th-home-content p {
    font-size: 1.5rem;
    font-weight: normal;
}

.th-adv-feature {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba( 18, 25, 40, 0.15);
    margin-top: -70px;
    position: relative;
    padding: 20px 40px;
    z-index: 9;
}

.th-single-fact {
    padding: 20px 0 20px 20px;
    border-radius: 5px;
    color: #444;
    overflow: visible;
}

.th-single-fact .fa {
    font-size: 35px;
    margin-right: 18px;
    color: #09c6a5;
}

.th-single-fact .fa.users{
    color: #844DFF;
}

.th-single-fact .fa.plug{
    color: #FF8F1C;
}

.th-single-fact h2 {
    font-size: 30px;
    margin-bottom: 6px;
    line-height: 30px;
    font-weight: 600;
}

.th-single-fact p {
    font-size: 18px;
    font-weight: 600;
    color: #777777;
    margin: 0;
    padding: 0;
}

/* Skill Area */

.our-skill-area.th-section-padding {
    padding-bottom: 80px;
}

.our-skill-area .th-single-skill {
    border-radius: 3px;
    box-shadow: 0px 0px 30px 0px rgba( 49, 26, 76, 0.2);
    margin-bottom: 30px;
    transition: all 0.25s;
    cursor: pointer;
    transition: all 0.33s;
    padding: 30px 20px 30px 30px;
    border: 1px solid #31a07314;
    position: relative;
}

.our-skill-area .th-single-skill span {
    position: absolute;
    right: 35px;
    width: 35px;
    height: 35px;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2b94f5;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.our-skill-area .th-single-skill span i {
    margin-top: -2px;
}
.our-skill-area .th-single-skill:hover span {
    visibility: visible;
    opacity: 1;
}

.our-skill-area .th-single-skill .icon {
    margin-bottom: 1.5rem;
}
.our-skill-area .th-single-skill .icon img {
    width: 64px;
}

.our-skill-area .th-single-skill h3 {
    font-size: 20px;
}

.our-skill-area .th-single-skill p {
    margin-bottom: 0;
}

.our-skill-area .th-single-skill:hover {
    color: #444;
    border-color: #30A1FF;
}

.our-skill-area .our-skill-btn{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}
.our-skill-area .our-skill-btn a{
    padding: 12px 20px;
    color: #444;
    border: 1px solid #444;
    font-weight: 500;
    border-radius: 3px;
}
.our-skill-area .our-skill-btn a:hover{
    background-color: #34ADEF;
    color: #fff;
    border-color: transparent;
}

/*testimonial*/

#th-testimonial .carousel-control-prev {
    left: -60px;
}

#th-testimonial .carousel-control-next {
    right: -60px;
}

#th-testimonial .carousel-control-next-icon .fa, #th-testimonial .carousel-control-prev-icon .fa {
    font-size: 30px;
}

#th-testimonial .carousel-control-next-icon, #th-testimonial .carousel-control-prev-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #707070;
    background-image: none;
}

#th-testimonial .carousel-control-next, #th-testimonial .carousel-control-prev {
    width: auto;
    text-align: center;
    opacity: 1;
}

.th-single-testimonial .th-author-meta h3 {
    font-size: 1.122rem;
    color: #6c6c6c;
    margin-bottom: 6px;
}

.th-single-testimonial p {
    color: #707070;
    font-size: 1.33rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    line-height: 30px;
}

.th-single-testimonial .th-author-meta p {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
}

.th-single-testimonial .author-img {
    margin-bottom: 20px;
}

.th-single-testimonial .author-img img {
    border: 1px solid #efefef;
}
.th-single-testimonial .th-rating i {
    color: #f3bb00;
    margin: 0 2px;
}
.th-testimonial-area.th-section-padding {
    background: #eef2f5;
}

/* Contact area */

.home-contact-area {
    background: url("assets/images/home-contact-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-bottom: 110px;
}

.home-contact-area:after {
    background-color: rgb(39, 172, 226);
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    content: "";
}


.home-contact-area h2 {
    font-size: 2.25rem;
    margin-bottom: 1.8rem;
    font-weight: 500;
}

.home-contact-area .contact-btn {
    border: 2px solid #fff;
    border-radius: 3px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 0.5rem 1rem;
    font-size: 1.12rem;
}

.home-contact-area .contact-btn:hover {
    background: #fff;
    color: #26ace2;
}

/* footer */

.footer-area {
    background: #232323;
    color: #e1e1e1;
}

.th-footer-top.th-section-padding {
    padding: 80px 0 70px;
    border-bottom: 2px solid rgb(53, 53, 53);
}

.th-single-footer {
    margin-bottom: 15px;
}

.th-single-footer address p {
    line-height: 1.6;
    font-size: 16px;
}

.th-single-footer address p:first-of-type {
    margin-bottom: 30px;
}

.th-single-footer a {
    color: #e1e1e1
}

.th-single-footer h2 {
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.th-single-footer ul li a {
    line-height: 27px;
}

.th-single-footer ul li a:hover {
    color: #26ace2;
}

.th-copy-right-text {
    color: #888888;
    font-size: 17px;
    margin-bottom: 0;
    padding: 1.5rem;
}

.th-copy-right-text a {
    color: #888888;
}

.th-copy-right-text a:hover {
    color: #26ace2;
}

/*about page*/

.our-story-area.th-section-padding {
    padding-bottom: 120px;
}

.th-story-briefing .st-title {
    font-size: 18px;
    margin-top: 1rem;
}

.our-story-area .th-about-thumb .th-single-thumb {
    margin-bottom: 25px;
}

.our-story-area [class^=col]:last-child .th-about-thumb .th-single-thumb {
    margin-top: 25px;
    margin-bottom: 0;
}

.our-story-area [class^=col]:last-child .th-about-thumb {
    flex-direction: column-reverse;
}

.th-about-thumb {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 -5px;
}

.th-about-thumb .th-single-thumb {
    border: 4px solid #d0edf8;
    border-radius: 2px;
}

#th-story-img .carousel-item {
    border: 6px solid #d0edf8;
    border-radius: 5px;
}

.th-story-img:hover .carousel-control-next, .th-story-img:hover .carousel-control-prev {
    opacity: 1;
}

.th-story-img .carousel-control-next, .th-story-img .carousel-control-prev {
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    height: 35px;
    width: 35px;
    font-size: 25px;
    color: #929292;
    text-align: center;
    opacity: 0;
    background: #e0e0e0;
    z-index: 999;
    line-height: 35px;
}

.th-story-img .carousel-control-next:hover, .th-story-img .carousel-control-prev:hover {
    color: #fff;
    background: #16a2d4;
}

.th-story-img .carousel-control-prev {
    right: 70px;
    left: auto;
}

.th-story-briefing p {
    font-size: 1rem;
}

.section-title h2 span {
    font-weight: 400;
}

#th-story-img .carousel-indicators li {
    width: 20px;
    height: 3px;
    opacity: 0;
    transition: all 0.25s;
}

#th-story-img .carousel-indicators {
    bottom: 0;
}

#th-story-img:hover .carousel-indicators li {
    opacity: 1;
}

/* Fade carousel */

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.our-team-area {
    background: #fff;
}

.our-team-area .th-single-member img {
    box-shadow: 0px 0px 20px 0px rgba( 0, 0, 0, 0.1)
}

.our-team-area .th-single-member {
    margin-bottom: 30px;
}

.our-team-area .th-single-member .th-member-caption {
    padding-top: 0.75rem;
}

.our-team-area .th-single-member .th-member-caption h2 {
    color: #616161;
    font-size: 1.25rem;
}

.our-team-area .th-single-member .th-member-caption p {
    color: #27ace2;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.hiring-btn-section p {
    font-size: 1rem;
    color: #444444;
    line-height: 1.4rem;
    margin-top: 40px;
}

.hiring-btn-section .hr-btn {
    font-style: normal;
    border: 2px solid #444;
    padding: 0 1rem;
    display: inline-block;
    line-height: 2.75rem;
    margin-left: 1rem;
    border-radius: 2px;
    font-weight: 500;
}

.hiring-btn-section .hr-btn:hover {
    background: #444;
    color: #fff;
}

.our-team-area .section-title h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.our-instagram-area {
    background: #f4f7fb;
    padding-bottom: 85px;
}

.our-instagram-area .section-title h2 span {
    font-weight: 400;
}

.our-instagram-area .section-title h2 {
    padding-bottom: 0.5rem;
}

.our-instagram-area .section-title {
    padding-bottom: 40px;
}

.our-instagram-area .th-instafeed {
    display: block;
    margin-bottom: 30px;
}

/* Join Our team */

.th-single-process {
    margin-bottom: 35px;
}

section.join-team-area.th-section-padding {
    padding-bottom: 80px;
}

.th-single-process .process-icon {
    position: relative;
}

.th-single-process .process-icon:after {
    border-bottom: 2px dashed #9a9a9a;
    content: '';
    position: absolute;
    width: 81%;
    right: -44%;
    top: 49%;
}

.th-single-process .process-icon .fa {
    line-height: 96px;
}

.th-single-process .process-icon .icon-container {
    background: #fff;
    border-radius: 5px;
    border: 2px solid #d3d3d3;
    color: #999999;
    display: inline-block;
    font-size: 30px;
    height: 100px;
    width: 100px;
    transition: all 0.33s;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.th-single-process:hover .process-icon .icon-container {
    color: #1da3d4;
}

.th-growth [class^=col]:last-child .th-single-process .process-icon:after {
    border-bottom: 0 dashed #9a9a9a;
}

.th-single-process h3 {
    font-size: 18px;
    line-height: 36px;
    margin: 0 0 5px;
}

.th-value-area .section-title {
    padding-bottom: 40px;
}

.th-value-area {
    background: #f4f7fb;
}

.th-value-widget p {
    font-weight: 500;
    font-size: 22px;
}

.th-value-widget p .th-img {
    height: 50px;
    width: 50px;
    background: #d6f0fb;
    margin-right: 15px;
    display: inline-block;
    border-radius: 50%;
}

.th-value-widget p img {
    padding: 10px;
    display: inline-block;
}

.th-opening-job-area.th-section-padding {
    padding-bottom: 120px;
}

.th-opening-job-area .th-opening-job h3{
    color: #444444;
}

.th-opening-job-area .th-opening-job .col-lg-3{
    margin-bottom: 30px;
}

.th-opening-job .th-job_permanent {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    color: #58bf88;
    background: #cbf7e0;
    padding: 4px 8px;
    font-weight: 700;
}

.th-single-job p {
    font-weight: 600;
    font-size: 12px;
}

.th-single-job h3 {
    font-size: 18px;
    margin-bottom: 2px;
}

.th-single-job .job-thumb img {
    margin: auto;
}

.th-single-job .job-thumb {
    margin-bottom: 15px;
    height: 120px;
    display: flex;
}

.th-single-job .th-aply-btn {
    background: #25a4d4;
    color: #fff;
    font-weight: 600;
    border-radius: 18px;
    padding-right: 18px;
    padding-left: 18px;
}

.th-single-job .th-aply-btn:hover{
    background: #0c94c7;
}

.th-single-job {
    background: #fff;
    box-shadow: 0px 0px 16px 0px rgb( 0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 5px;
    position: relative;
	height: 100%;
}

/* careers page*/

.th-job-section .th-job-title {
    margin-bottom: 25px;
    font-size: 30px;
    letter-spacing: 0.5px;
}

.th-job-section .job-meta {
    margin-bottom: 40px;
}

.th-job-section .job-meta ul {
    display: inline-block;
}

.th-job-section .job-meta ul li .btn {
    background: #27ace2;
    border: none;
    padding: 0 5px;
}

.th-job-section .job-meta ul li {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    color: #616161;
}

.th-job-section .job-meta ul li .fa {
    color: #27ace2;
    margin-right: 5px;
}

.list-style-square {
    list-style-type: square;
}

.job-details .th-apply-btn a {
    font-size: 15px;
    font-weight: 600;
    color: #444444;
    border: 2px solid #444;
    border-radius: 2px;
}

.job-details .content-title {
    font-size: 24px;
    color: #444444;
}

.job-details li {
    font-size: 18px;
    font-weight: 500;
    color: #616161;
}

/*contact*/

.th-contact-address {
    display: flex;
    height: 100%;
}

address p {
    font-size: 20px;
}

address p .fa-map-marker {
    min-height: 80px;
    float: left;
}

address p .fa {
    color: #ddd;
    margin-right: 15px;
    font-size: 30px;
    font-size: 22px;
}

.our-contact-area .th-contact-form h2 {
    font-size: 28px;
}

.our-contact-area .th-contact-form {
    margin-top: 80px;
}

.th-contact-form .form-control {
    display: block;
    width: 100%;
    border: 1px solid #b3bfca;
    height: auto;
    background: #fff;
    padding: 15px 20px;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}

.th-contact-form .contact-btn {
    font-weight: 600;
    background: #f3f5f6;
    font-size: 18px;
    padding: 15px 0;
    color: #0075af;
    border-radius: 3px;
    border: 1px solid #0075af;
    word-spacing: 1px;
}

.th-contact-form .contact-btn:hover {
    background: #26ace2;
    color: #fff;
    border-color: #26ace2;
}
.th-contact-form .contact-btn:focus{
    outline: none;
    box-shadow: none;
}

.th-contact-form .form-control:focus {
    color: #444444;
    background-color: #fff;
    border-color: #758ca0;
    outline: 0;
    box-shadow: none;
}

.our-contact-area .section-title a,
.our-jobs-area .section-title a {
    color: #26ace2;
    text-decoration: underline;
}

.our-contact-area .section-title a:hover,
.our-jobs-area .section-title a:hover {
    text-decoration: none;
}

.our-contact-area .service-interested select,
.our-jobs-area .service-interested select {
    line-height: 57px;
    height: 57px !important;
}

/* Blog */

.th-post-area {
    border-bottom: 2px solid #E9E9E9;
    margin-bottom: 40px;
}

.th-post-area .post-thumb {
    margin-bottom: 30px;
}

.th-post-area .post-thumb img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.th-post-area .date-container {
    overflow: hidden;
}

.th-post-area .post_date {
    color: #000;
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
}

.th-post-area .post_date span {
    color: #dddddd;
    display: block;
    font-size: 46px;
    line-height: 54px;
    font-weight: 700;
}

.th-post-area .entry-header h2 a {
    display: block;
    font-size: 30px;
    color: #444;
    margin-bottom: 7px;
}

.th-post-area .entry-header h2 a:hover {
    color: #26ace2;
}

.th-post-area .post-content {
    padding-left: 20px;
}

.th-post-area .post-meta span {
    margin-right: 5px;
}

.th-post-area .post-meta {
    margin-bottom: 20px;
}

.th-post-area .post-meta, .th-post-area .post-meta span, .th-post-area .post-meta span a {
    color: #aaa;
}

.th-post-area .post-meta span a .fa {
    margin-right: 3px;
}

.th-post-area .post-meta span a:hover {
    color: #26ace2;
}

.th-post-area .entry-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.th-post-area .btn-continue-reading .btn.btn-action {
    padding: 12px 20px;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 10px 0 40px 0;
    border-radius: 0;
}

.th-post-area .social-share {
    margin: 20px 5px 45px;
}

.th-post-area .social-share .share-text {
    color: #ddd;
    line-height: 30px;
}

.th-post-area .social-share ul li {
    display: inline-block;
}

.th-post-area .social-share ul li a {
    color: #d1d1d1;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    height: 30px;
    line-height: 30px;
    margin: 1px;
    width: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.th-post-area:last-child {
    border-bottom: 0;
}

.blog-pagination li a, .blog-pagination li span {
    background: #26ace2;
    border-radius: 1px;
    color: #FFF;
    display: inline-block;
    margin: 0 2px;
    padding: 8px 12px;
    line-height: 1;
}

.blog-pagination.pagination {
    border-radius: 0;
    padding-left: 0;
    align-items: center;
    justify-content: center;
}

.blog-pagination.pagination li span.current, .blog-pagination.pagination li a:hover {
    z-index: 3;
    color: #fff;
    background: #000;
    border-color: #000;
}

.btn-continue-reading .btn.btn-action {
    padding: 12px 20px;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 10px 0 40px 0;
    border-radius: 0;
    background: #26ace2;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*--------------------------------------------------------------
# Single Blog
--------------------------------------------------------------*/

.th-post-area ul.comments {
    margin-top: 10px;
    padding-top: 20px;
}

.th-post-area ul.comments li {
    padding: 10px 0 0 110px;
}

.th-post-area ul.comments li div.comment {
    margin-bottom: 10px;
}

.th-post-area ul.comments li div.comment .c-image {
    margin-left: -110px;
    float: left;
    width: 80px;
    height: auto;
}

.th-post-area ul.comments li div.comment .c-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.th-post-area ul.comments li div.comment-text {
    background: #fdfdfd;
    padding: 0;
    padding-bottom: 25px;
    border-radius: 10px;
    position: relative;
}

ul.comments li {
    list-style: none;
}

ul.comments li div.comment-text a.reply-button {
    position: absolute;
    right: 25px;
    color: #26ace2;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.comments li div.comment-text a.reply-button .fa {
    font-size: 13px;
}

ul.comments li div.comment h1.comment-name {
    font-size: 24px;
    color: #696969;
    margin: 0;
    padding: 0;
}

ul.comments li div.comment h3.comment-date {
    font-size: 14px;
    color: #959494;
    margin: 10px 0;
    padding: 0;
}

.footer-area .th-single-footer ul {
    padding-left: 0;
    list-style: none;
}

/*----------------------
    Calender
-----------------------*/

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: right;
    color: #777;
    font-size: 12px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#wp-calendar thead {
    font-size: 12px;
}

#wp-calendar thead th {
    padding-bottom: 10px;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

#wp-calendar tbody td a {
    color: #222;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

#wp-calendar tfoot a {
    color: #05b3c6;
}

#wp-calendar thead th {
    padding-bottom: 10px;
    text-align: center;
}

#calendar_wrap table tr td {
    border-left: 0;
}

/*----------------------
    Tags
-----------------------*/

.tagcloud a {
    margin-right: 2px;
    margin-bottom: 5px;
    background: #f4f4f4;
    color: #777;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 600;
    padding: 5px 10px;
}

.widget .tagcloud a:hover {
    background-color: #05b3c6;
    color: #ffffff;
}

/*----------------------
    Default css
-----------------------*/

.sp-single-page address, .entry-content address, .comment-content address {
    background: none repeat scroll 0 0 #f1f1f1;
    border-left: 5px solid #ddd;
    padding: 10px 10px 10px 20px;
}

.entry-content table, .comment-content table, .sp-single-page table {
    border-right: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin-bottom: 20px;
}

.sp-single-page #edd_user_history td, .sp-single-page #edd_user_history th {
    padding: 5px 12px;
    border-bottom: 1px solid #ececec;
}

.sp-single-page table tr, .entry-content table tr, .comment-content table tr {
    border-bottom: 1px solid #ddd;
}

.sp-single-page table tr th, .entry-content table tr th, .comment-content table tr th {
    background: none repeat scroll 0 0 #eee;
}

.sp-single-page table tbody tr th, .entry-content table tbody tr th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.sp-single-page table tr th, table tr td, .entry-content table tr th, table tr td, .comment-content table tr td {
    border-left: 1px solid #ddd;
    padding: 10px;
}

.entry-content p {
    margin: 0 0 20px;
}

.entry-content ol, .entry-content ul {
    margin-bottom: 20px;
}

/*----------------------
    Accessibility
-----------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*----------------------
    Alignments
-----------------------*/

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*----------------------
    Captions
-----------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    background: none repeat scroll 0 0 #f5f5f5;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 4px 10px;
}

.wp-caption-text {
    text-align: center;
}

/*----------------------
    Galleries
-----------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.screenshots-section .gallery-item .gallery-icon a {
    border: 4px solid #ddd;
    display: block;
    cursor: zoom-in;
}

.screenshots-section .gallery-item .gallery-icon a:hover {
    border-color: #05b3c6;
}

.gallery-item .gallery-icon {
    margin: 10px;
    border: 4px solid #d0edf8;
    border-radius: 3px;
}

@media (min-width: 600px) {
    .gallery-columns-2 .gallery-item {
        max-width: 50%;
    }
    .gallery-columns-3 .gallery-item {
        max-width: 33.33%;
    }
    .gallery-columns-4 .gallery-item {
        max-width: 25%;
    }
    .gallery-columns-5 .gallery-item {
        max-width: 20%;
    }
    .gallery-columns-6 .gallery-item {
        max-width: 16.66%;
    }
    .gallery-columns-7 .gallery-item {
        max-width: 14.28%;
    }
    .gallery-columns-8 .gallery-item {
        max-width: 12.5%;
    }
    .gallery-columns-9 .gallery-item {
        max-width: 11.11%;
    }
}

.gallery-caption {
    display: block;
}

/* gallery style */

.gallery-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.gallery-item .gallery-caption {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    letter-spacing: .5px;
    transition: all .3s linear;
    opacity: 0;
}

.gallery-item:hover .gallery-caption {
    bottom: 0;
    opacity: 1;
}

/* Jobs */

.th-job-list .th-jobs {
    font-family: 'Barlow', sans-serif;
}

.th-job-list .th-job {
    border: 1px solid #e6e6e6;
    display: block;
    padding: 20px 25px;
    margin-bottom: 12px;
    background: #f9f9f9f9;
}

.th-job-title h2 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #444;
    letter-spacing: .5px;
}

.single-job .th-job-title h2 {
    font-size: 36px;
    font-weight: 500;
}

.th-job-meta ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.th-job-meta ul li {
    float: left;
    margin-right: 20px;
    color: #444444;
}

.th-job-meta ul li i.fa {
    color: #aaaaaa;
    margin-right: 3px;
}

.th-job-meta ul li.th-job-type {
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
}

.th-job-meta ul li.th-job-type.full-time {
    background: #d4eeff;
    color: #1476b6;
}

.th-job-meta ul li.th-job-type.part-time {
    background: #ffe6d4;
    color: #b65f14;
}

.th-job-category {
    margin-bottom: 20px;
}

.th-job-category ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline-block;
}

.th-job-category ul li {
    float: left;
}

.th-job-category ul li button {
    background: transparent;
    margin-right: 10px;
    padding: 7px 14px;
    color: #444444;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-weight: 500;
    cursor: pointer;
}

.th-job-category ul li button:focus {
    outline: none;
}

.th-job-category ul li button.active, .th-job-category ul li button:hover {
    background: #26ace2;
    color: #ffffff;
}

.th-job-content {
    margin-top: 20px;
}

.single-th-job .th-job-content ul {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 30px;
}

.single-th-job .th-job-content ul li {
    font-size: 18px;
    line-height: 26px;
    padding-left: 16px;
    margin-bottom: 6px;
    position: relative;
}

.single-th-job .th-job-content ul li:before {
    content: "";
    background: #616161;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 9px;
}

.single-th-job .th-job-content h4 {
    font-weight: 400;
    margin-bottom: 16px;
}

.th-apply-now {
    border: 2px solid #444444;
    background: #444444;
    border-radius: 2px;
    font-weight: 500;
    margin-top: 20px;
}

.th-apply-now:focus {
    outline: none;
    box-shadow: 0 0 0;
}

.th-apply-now:hover {
    color: #ffffff;
    background: #2f2e2e;
}

.th-apply-form {
    margin-top: 40px;
}

/* 404 page */

.error-404-page {
    padding: 70px 0;
}

.error-404-page h2 {
    font-size: 100px;
    color: #ff6868;
}

/* mega menu */

#th-navigation #wp-megamenu-main-menu {
    text-align: center;
    background-color: transparent;
    text-align: left;
    border-radius: 5px;
}

#th-navigation .fixed-menu-bg #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
    color: #444;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

#th-navigation #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

#th-navigation .wp-megamenu-sub-menu {
    border-radius: 5px;
}

#th-navigation .wp-megamenu-sub-menu:before {
    content: '';
    display: block;
    position: absolute !important;
    left: 36px;
    top: -17px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 10px solid #f9f9f9;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}


.navbar-brand{
    max-width: 200px;
}
.navbar-brand img{
    width: 200px;
}
.th-form-title{
    color: #444444;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
}
.th-contact-form .th-apply-form .contact-btn{
    background: #26ace2;
    color: #fff;
    border-color: #26ace2;
}
.th-contact-form .th-apply-form .contact-btn:hover{
    background: #1998cc;
    color: #fff;
    border-color: #1998cc;
}
.th-contact-form .th-apply-form .form-control{
    font-weight: 300;
    color: #444444;
}
.th-contact-form .th-apply-form .form-control:focus{
    color: #444444;
}
.th-contact-form .th-apply-form .form-control::placeholder{
    color: #aaaaaa;
}
.th-jobs .th-apply-now {
    border: 2px solid #444444;
    background: #444444;
    color: #ffffff;
}
.th-jobs .th-apply-now:hover {
    color: #ffffff;
    background: #2f2e2e;
}

.th-single-page .tiled-gallery__item+.tiled-gallery__item,
.th-single-page .tiled-gallery__row+.tiled-gallery__row {
    margin-top: 20px;
}
.th-single-page .tiled-gallery__col+.tiled-gallery__col {
    margin-left: 20px;
}


/** Responsive **/

/* lg */
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 1170px) {
    .main-nav .navbar-nav > li.th-product .dropdown-menu {
        left: -307px;
    }
    .main-nav .navbar-nav > li.th-product .dropdown-menu::before {
        right: 55px;
        left: auto;
    }
    .th-about-thumb{
        display: none;
    }
}
@media (max-width: 991px) {
    html{
        font-size: 14px;
    }
    .th-single-footer {
        margin-bottom: 20px;
    }

}
@media ( min-width: 768px) {

}

@media ( max-width: 768px) {
    html{
        font-size: 13px;
    }
    .th-home {
        padding: 200px 0 150px;

    }
    .th-home-content h2 {
        font-size: 2rem;
    }
    .section-title h2 {
        font-size: 2rem;

    }
    .home-contact-area h2 {
        font-size: 2rem;

    }
    .main-nav .navbar-nav>li .dropdown-menu{
        padding: 0;
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu .link-image {
        display: none;
        
    }
    .main-nav .navbar-nav>li.th-product .dropdown-menu li h5{
        text-align: left;
    }
}

/* xs */


/* XS Portrait */
@media (max-width: 479px) {

}
@media (max-width: 768px ) {
    .th-single-process .process-icon:after{
        display: none;
    }
}
@media (max-width: 645px ) {
    #th-testimonial .carousel-control-next, #th-testimonial .carousel-control-prev {
        display: inline-block;
        bottom: -40px;
        top: auto;
    }
    #th-testimonial .carousel-control-prev {
        left: 50%;
        margin-left: -30px;
    }
    #th-testimonial .carousel-control-next {
        right: 50%;
        margin-right: -30px;
    }
}