/*=== GLOBAL ===*/
.qodef-drop-down .narrow .second .inner ul li {
    padding: 0;
    width: 145px;
    -webkit-transition: background-color .15s ease-out;
    -moz-transition: background-color .15s ease-out;
    -ms-transition: background-color .15s ease-out;
    -o-transition: background-color .15s ease-out;
}

.btn.btn-read-more {
    background-color: #b2dd4c;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    position: absolute;
	bottom: -10px
	}
    @media screen and (max-width: 1024px){
        .btn.btn-read-more {
            background-color: #b2dd4c;
            color: #fff;
            padding: 10px 25px;
            border-radius: 10px;
            position: absolute;
            bottom: -60px
        } 
    }
    @media screen and (max-width: 425px){
        .btn.btn-read-more {
            background-color: #b2dd4c;
            color: #fff;
            padding: 10px 25px;
            border-radius: 10px;
            position: absolute;
            bottom: 0px
        } 
    }
.qodef-title.qodef-breadcrumb-type {
    background-color: #f7f7f7;
    border-top: 0px solid #e7e7e7;
    border-bottom: 0px solid #e7e7e7;
}

a.qodef-side-menu-button-opener {
    display: none;
    /*hide sidebar button*/
}
.qodef-title.qodef-has-parallax-background {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.qodef-main-menu>ul>li>a span.item_inner {
    display: inline-block;
    padding: 0 8px;
    border-width: 0;
    position: relative;
    border-color: transparent;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-backface-visibility: hidden;
}
/*=== HEADER ===*/
.qodef-vertical-align-containers{
    padding:0;
}
.qodef-main-menu ul li a {
    font-size: 16px;
    line-height: 34px;
    font-weight: 600;
    color: #727272;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

.home .qodef-page-header {
/*    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 110;*/
    background-color: #fff;
}
.qodef-main-menu>ul>li {
    height: 100%;
    margin: 0 0px;
}
.qodef-page-header .qodef-menu-area {
    height: 100px;
    position: relative;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 1100px;
    margin: 0 auto;
}
.qodef-page-header .qodef-sticky-header{
    background-color: #fff;
}
.qodef-sticky-header .qodef-sticky-holder {
    width: 1100px;
    margin: 0 auto;
    border-bottom: 0px solid #eee!important;
}
.qodef-title .qodef-title-holder h1 {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 48px;
    line-height: 1.425em;
}
/*=== FOOTER ===*/
footer .qodef-footer-top .qodef-column {
    box-sizing: border-box;
    border-right: 0px solid #3b3b3b;
    padding: 0 5px;
}
footer .qodef-footer-top .qodef-column:first-child {
    padding-left: 0;
}
footer .qodef-footer-top .qodef-column:last-child{
	padding-right:0px;
}
.qodef-footer-bottom-holder p {
    color: #fff;
}
footer .widget .textwidget {
    color: #ffffff;
    font-weight: 600;
}
.menu-useful-link-container {
    font-weight: 600;
}
.qodef-footer-widget-title{
    position: relative;
}
.qodef-three-columns #custom_html-2 .qodef-footer-widget-title:before {
    content: url('../images/icon-marker.png');
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0px;
    left: -33px;
}
.qodef-three-columns #text-4 .qodef-footer-widget-title:before {
    content: url('../images/icon-phone.png');
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0px;
    left: -33px;
}
.qodef-three-columns #nav_menu-3 .qodef-footer-widget-title:before {
    content: url('../images/icon-link.png');
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0px;
    left: -33px;
}
div#nav_menu-3 li#menu-item-wpml-ls-96-ja,
div#nav_menu-4 li#menu-item-wpml-ls-96-en {
    display: none;
}
/*=== ABOUT US ===*/
.about-cta h4 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
}
.about-cta p {
    color: #737373;
    text-align: center;
    margin-top: 5px;
    padding : 0 15px;
}

.about-profile p {
    font-weight: 600;
    color: #000;
}
/*=== HOMEPAGE ===*/

.carousel-inner h2 span{
    font-size: 60px;
}
    @media only screen and (max-width: 1024px){
        .carousel-inner h2 span{
            font-size: 40px;
            line-height: 1.5;
        }
    }
        @media only screen and (max-width: 675px){
            .carousel-inner h2 span{
                font-size: 35px;
                line-height: 1.1;
            }
        }
.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn {
    margin: 0px 8px 0;
}
.home-news-event {
    width: 25%;
    float: left;
    height: 350px;
}
    @media only screen and (max-width: 768px){
        .home-news-event {
            width: 50%;
            float: left;
            height: 350px;
        }
    }
        @media only screen and (max-width: 425px){
        .home-news-event {
            width: 100%;
            float: left;
            height: 350px;
        }
    }
    
.home-news-event .item {
    height: 100%;
    position: relative;
}
.home-news-event .item:hover .content{
     opacity: 1;
}
.home-news-event .item .thumb{
    height: 100%;
}
.home-news-event .item .thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.home-news-event .item .content {
     opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);

    transition: all 0.4s ease-in-out;
}
.home-news-event .item .content  .title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 30%;
}
.home-news-event .item .content .cat {
    font-weight: 600;
    margin-top: 10px;
    font-size: 15px;
}

.client-wide-slider .item {
    padding: 0 15px;
}
.client-wide-slider .item .box {
    background-color: #fff;
    text-align: center;
    height: 153px;
}
.client-wide-slider .item .box img {
    margin: -15px 0;
}
.client-wide-slider .owl-pagination{
    position: absolute;
}
/*.event-carousel .owl-buttons{
    position: absolute;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.48);
    padding: 20px;
}*/
.client-wide-slider .owl-prev {
    position: absolute;
    top: 43%;
    background-color: #aaa;
    padding: 20px 25px;
    color: #fff;
    top: 50px;
    left: -100px;
}
.client-wide-slider .owl-next {
    position: absolute;
    top: 43%;
    background-color: #aaa ;
    padding: 20px 25px;
    right: -100px;
    color: #fff;
    top:50px;
}
/*=== SERVICES ===*/
.page-id-309 .qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper .qodef-icon-shortcode{
	display: none;
}/*hide img icon*/

.services-main h3 {
    margin-bottom: 15px;
    font-size: 24px;
}
.services-main p, .services-main ul li {
    font-size: 18px;
    color: #595959;
}

.services-main ul {
    list-style: none;
    padding-left: 15px;
    position: relative;
    margin-top: 10px;
}
   @media screen and (max-width: 425px){
        .services-main ul {
            list-style: none;
            padding-left: 15px;
            position: relative;
            margin-top: 10px;
            margin-bottom: 30px;
        }
   }
.services-main ul li{
	margin-bottom: 5px;
}
.services-main ul li:before{
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 12px;
    position: absolute;
    left: 0px;
}
    @media screen and (width: 1024px){
       .services-main .qodef-section-inner {
            padding-bottom: 35px;
        } 
    }
    @media screen and (width: 768px){
       .services-main .qodef-section-inner {
            padding-bottom: 70px;
        } 
    }

/*=== SUB SERVICES ===*/
.services-with-icon h4,
.services-desc h4 {
    font-weight: 600;
    font-size: 16px;
    color: #595959;
    margin-bottom: 10px;
}
    @media screen and (width: 425px){
        .services-desc h4 {
            margin-top: 30px;
        }
    }
.services-with-icon ul{
    list-style: none;
}
.services-with-icon ul li{
    margin-bottom: 5px;
    margin-left: 20px;
    color: #595959;
}
.services-with-icon ul li:before{
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 12px;
    position: absolute;
    left: 15px;
}
    @media screen and (width: 425px){
        .services-with-icon .wpb_single_image.vc_align_left {
            text-align: center;
            padding-bottom: 20px;
        }
    }
.services-desc {
    border-left: 1px solid #cccccc;
    padding-left: 25px;
}
    @media screen and (width: 425px){
        .services-desc {
            border-left: 0px solid #cccccc;
            padding-left: 0px;
        }
    }
/*=== CONTACT US ===*/
.contact-info .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-icon-holder {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    float: left;
}
.contact-info .qodef-iwt .qodef-iwt-link {
     margin-top: 0px; 
    display: inline-block;
}
.contact-info .qodef-iwt-text-holder p, .contact-info .qodef-iwt-text-holder a {
    font-size: 16px;
    color: #737373;
}

/*=== ARCHIVE FOCUSED SOLUTIONS ===*/
.client-container {
    background-color: #f3f3f3;
    padding-top: 50px;
    padding-bottom: 70px;
}
.client-container .title {
    text-align: center;
}
.client-container .title h2 {
    font-size: 40px;
    font-family: 'Proxima Nova';
}
.client-container .title p {
    font-size: 20px;
    font-family: 'Proxima Nova';
}
.client .item.client{
    display: none;
}
.client .item {
    width: 33.33%;
    float: left;
    text-align: center;

}
	@media screen and (max-width: 768px){
		.client .item {
	    width: 50%;
	    float: left;
	    text-align: center;

		}
	}
		@media screen and (max-width: 425px){
			.client .item {
		    width: 100%;
		    float: left;
		    text-align: center;

			}
		}

.client .item .circle {
    background-color: #fff;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
}
	.client .item .circle:hover {
	    box-shadow: 0px 0px 5px #a7a7a7;
	}
.client .item.circle img {
    margin-top: 10px;
}
.load-more #loadMore {
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 5px;
    font-family: "Open Sans";
    box-shadow: none;
    border: 2px solid #b5b0b0;
    color: #8c8a8a;
    background-color: rgba(255,255,255,0);
}
.load-more #loadMore:hover,
 .load-more #loadMore:active,
 .load-more #loadMore:focus{
    border: 2px solid #b2dd4c;
    color: #b2dd4c;
}
.load-more {
    text-align: center;
    margin-top: 50px;
}
/*=== SINGLE FOCUSED SOLUTION ===*/
.single-client-container {
     font-family: 'Proxima Nova';
    padding-top: 70px;
    padding-bottom: 70px;
}
.single-client-container .sidebar {
    width: 30%;
    float: left;
}

    @media screen and (max-width: 768px){
        .single-client-container .sidebar {
            width: 100%;
            float: left;
        }
    }
.single-client-container .sidebar h5 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    font-family: 'Proxima Nova';
}
.single-client-container .sidebar p {
    font-size: 16px;
    font-family: 'Proxima Nova';
}
.single-client-container .content {
    width: 70%;
    float: left;
    font-family: 'Proxima Nova';
}
    @media screen and (max-width: 768px){
        .single-client-container .content {
            width: 100%;
            float: left;
            font-family: 'Proxima Nova';
            margin-top: 40px;
        }
    }
.single-client-container .content h3 {
    font-size: 40px;
        margin-top: 40px;
        font-family: 'Proxima Nova';
}
.single-client-container .content .p-name {
    font-size: 30px;
    font-weight: 600;
    color: #b2dd4c;
        margin-top: 15px;
        font-family: 'Proxima Nova';
}
.single-client-container .content .p-logo {
    margin-top: 15px;
}
.single-client-container .content .desc {
    margin-top: 40px;
    font-family: 'Proxima Nova';
}
.single-client-container .content  .desc h4 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    font-family: 'Proxima Nova';
}
.single-client-container .content .desc p {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    font-family: 'Proxima Nova';
    margin-top: 15px;
        line-height: 1.1;
}

.client-container.single h3 {
    font-size: 40px;
     font-family: 'Proxima Nova';
}


/*=== CASE STUDY ===*/
.case-study-container {
    padding-bottom: 50px;
    padding-top: 70px;
}
.case-study-container h2{
    margin-top: 40px;
}
.case-study-container .description {
    width: 70%;
    float: left;
    margin-top: 30px;
}
    @media screen and (max-width: 768px){
        .case-study-container .description {
            width: 100%;
            float: left;
            margin-top: 30px;
        }
    }
.case-study-container .description p {
    padding-right: 20px;
    font-size: 15px;
}
.case-study-container .right-content {
    width: 30%;
    float: left;
    margin-top: 30px;
}
    @media screen and (max-width: 768px){
        .case-study-container .right-content {
            width: 100%;
            float: left;
            margin-top: 30px;
        }
    }
.case-study-container .right-content .content {
    padding-left: 30px;
}
.right-content .date,
.right-content .cat,
.right-content .text {
    color: #9cbd3a;
    position: relative;
}
.right-content .cat,
.right-content .text {
    margin-top: 30px
}
.right-content .date:before {
    content: url('../images/icon date.png');
    position: absolute;
    height: 50px;
    width: 50px;
    left: -27px;
}
.right-content .cat:before {
    content: url('../images/icon tag.png');
    position: absolute;
    height: 50px;
    width: 50px;
    top: -5px;
    left: -27px;
}
.right-content .text:before {
    content: url('../images/icon diamond.png');
    position: absolute;
    height: 50px;
    width: 50px;
    left: -27px;
}
span.next-post-btn .fa-chevron-left {
    padding: 14px 19px;
    border: 2px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    font-size: 30px;
    float: left;
    margin-top: 30px;
}
span.prev-post-btn .fa-chevron-right {
    padding: 14px 19px;
    border: 2px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    font-size: 30px;
    float: right;
    margin-top: 30px;
}
.case-study-container .navigation.post-navigation {
    clear: both;
    margin-top: 25px;
    margin-bottom: 50px;
    /* float: right; */
}

/*=== NEWS / EVENTS ===*/
.event-carousel.owl-theme.owl-carousel {
    position: relative;
    margin-bottom: 30px;
    max-width:500px;
}
.event-carousel .item img{
    width: 500px;
}
.event-carousel .owl-pagination{
    position: absolute;
}
/*.event-carousel .owl-buttons{
    position: absolute;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.48);
    padding: 20px;
}*/
.event-carousel .owl-prev {
    position: absolute;
    top: 43%;
    background-color: rgba(255, 255, 255, 0.48);
    padding: 20px 25px;
    color: #fff;
    left: 0;
}
.event-carousel .owl-next {
    position: absolute;
    top: 43%;
    background-color: rgba(255, 255, 255, 0.48);
    padding: 20px 25px;
    right: 0;
    color: #fff;
}
.qodef-post-info {
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #b8b8b8;
    position: relative;
    z-index: 20;
}
.qodef-post-info>div {
    display: inline-block;
    position: relative;
    padding-right: 15px;
}
.qodef-post-info .qodef-post-info-author:before {
    content: "\e005";
}
.qodef-post-info>div:before {
    font-family: simple-line-icons;
    padding-right: 5px;
}

.qodef-post-info .qodef-post-info-category:before {
    content: "\e055";
}
.qodef-post-info>div:before {
    font-family: simple-line-icons;
    padding-right: 5px;
}

.tax-tax_events .qodef-post-info, 
.post-type-archive-news_event .qodef-post-info {  /*hide author detail archive page */
    display: none;
}

.widget.widget_categories li {
    list-style: none;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
}
.qodef-blog-standard-info-holder {
    width: 88%;
}
    @media screen and (max-width: 768px){
        .qodef-two-columns-75-25 .qodef-column2 .qodef-column-inner {
            padding: 0 0 0 0;
            margin-top: 25px;
        }
    }