/*
Theme Name:     diamond-trading
Theme URI:      https://www.darkroastmedia.com/
Description:    Diamond Trading Group WP-Theme
Version:        1.0
Author:         Dark Roast Media
Author URI:	    https://www.darkroastmedia.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}
.item-for-desktop {display: none;}
.item-for-mobile {display: flex;}

@keyframes slideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-200px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.site-header {width:100%;position:fixed;top:0;left:0;padding:15px 0;z-index:999;}
.site-header.sticky {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); background-color:#ffffff!important; animation: slideDown 0.5s ease-in;}
.site-header .container {max-width: 1880px;}
.site-header .header-row {display: flex; align-items: center; justify-content: space-between;}
.site-header .container:after, .site-header .row:after {display: none;}
.site-header.default-header {position: absolute;}
.site-header.default-header.sticky {position: fixed;}
.site-header.default-header .logo .logo-style {fill: var(--color-navy);}
.site-header .right-part-mobile {align-items: center;}

.logo {width:300px;float:left;}
.logo img {display:block;}
.site-header .logo .logo-style {fill: #ffffff;}
.site-header.mobile-open {background-color: var(--color-white);}
.site-header.sticky .logo .logo-style,
.site-header.mobile-open .logo .logo-style {fill: var(--color-navy);}

/* Main Menu */
.mainNav-wrap {float:right;position: relative;}
.mainNav li {display:inline-block;margin-left: 15px; line-height: 1; padding-top: 18px; padding-bottom: 18px;}
.mainNav li a {color: #ffffff; text-transform: uppercase; font-size: 13px; line-height: 1.1538; font-weight: 700;}
.mainNav li a:hover {text-decoration: underline;}
.mainNav li .fas {color: #ffffff; font-size: 20px; transform: translate(8px, 3px);}
.mainNav li.current-menu-item a {color: var(--color-orange);}
.site-header.sticky .mainNav li a,
.site-header.default-header .mainNav li a {color: var(--color-navy)}
.site-header.sticky .mainNav li .fas,
.site-header.default-header .mainNav li .fas {color: var(--color-navy)}
/*.site-header.sticky .mainNav li a:hover,*/
/*.site-header.sticky .mainNav li.current-menu-item a {color: var(--color-orange);}*/
li.icons-submenu ul.sub-menu {max-width: 420px; padding-top: 3px;}
li.icons-submenu ul.sub-menu li.menu-item {padding-left: 80px; padding-right: 50px; position: relative; margin: 0 20px 5px 20px; border-bottom: 1px solid var(--color-accent-blue); width: 100%;}
/*li.icons-submenu ul.sub-menu li.menu-item:hover {background-color: #DAE4F1;}*/
li.icons-submenu ul.sub-menu li.menu-item .service-icon {width: 40px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
li.icons-submenu ul.sub-menu li.menu-item .service-icon img {width: 100%; height: 100%; object-fit: contain;}
li.icons-submenu ul.sub-menu li.menu-item .fas {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--color-accent-blue);}
.mainNav-wrap li.icons-submenu.column-count-two ul.sub-menu {flex-wrap: wrap; column-count: 2; max-width: 840px; right: 0;}
.mainNav-wrap li.icons-submenu.column-count-two ul.sub-menu li.menu-item {width: calc(50% - 170px);}

.mainNav li.menu-item ul.sub-menu li.menu-item:hover {background-color: var(--color-gray-second);}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: flex; flex-wrap: wrap;}
.mainNav li ul {position: absolute; top: 100%;padding:10px 0;width:100%;max-width:270px;text-align:left;z-index:99;background-color: #EBF4FD;}
.mainNav li ul li {display:block;position:relative;}
.mainNav li ul li a {color:#444;}
.mainNav li ul li a:hover {color:#000;}

/* Responsive Menu */
.mainNav-wrap {display: none;}
.mobile-nav-trigger-outter {float: right;width: 30px;height: 30px;z-index: 99;margin-left: 20px; cursor: pointer;}
.mobile-nav-trigger {display: block;}
.mobile-nav-trigger .cd-menu-icon {margin-top: 15px;margin-left: 15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    height: 2px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s;
}
.mobile-nav-trigger .cd-menu-icon::before {top: -9px;}
.mobile-nav-trigger .cd-menu-icon::after {top: 9px;}
.mobile-nav-trigger .cd-menu-icon.is-clicked::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobile-nav-trigger .cd-menu-icon.is-clicked::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.mobile-nav-trigger .cd-menu-icon.is-clicked {background: none !important}
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background-color: var(--color-accent-blue); transition: all 0.3s;}

.page-template-page-home .mobile-nav-trigger .cd-menu-icon,
.page-template-page-home .mobile-nav-trigger .cd-menu-icon::before,
.page-template-page-home .mobile-nav-trigger .cd-menu-icon:after {background-color: var(--color-white);}

.page-template-page-home .sticky .mobile-nav-trigger .cd-menu-icon,
.page-template-page-home .sticky .mobile-nav-trigger .cd-menu-icon::before,
.page-template-page-home .sticky .mobile-nav-trigger .cd-menu-icon:after,
.page-template-page-home .mobile-open .mobile-nav-trigger .cd-menu-icon,
.page-template-page-home .mobile-open .mobile-nav-trigger .cd-menu-icon::before,
.page-template-page-home .mobile-open .mobile-nav-trigger .cd-menu-icon:after {background-color: var(--color-accent-blue);}

.mobile-nav {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--color-white);
    z-index: 90;
    transition: all 0.3s ease;
    overflow: scroll;
    overflow-x: hidden;
}
.mobile-nav .mobileNav {margin-bottom: 16px;}
.mobile-nav.is-visible {visibility: visible;opacity: 1;z-index: 999}
.mobile-nav-inner {padding-top: 80px;padding-bottom: 20px;}
.mobileNav li {display: block;font-size: 1.8rem;}
.mobileNav li a {color: var(--color-navy);}
.mobileNav li a:hover {color: var(--color-accent-blue);}
.mobileNav > .menu-item {padding: 16px 0;}
.mobileNav .menu-item a {text-transform: uppercase;font-size: 14px;font-weight: 800;line-height: 1.429;}
.mobileNav .menu-item .sub-menu a {font-size: 12px;line-height: 1.433;display: flex;align-items: center;min-height: 35px;}
.mobileNav .menu-item .sub-menu .menu-item {margin: 0;width: auto;}
.mobileNav li.icons-submenu ul.sub-menu li.menu-item {padding: 12px 20px 12px 50px;}
.mobileNav .menu-item .sub-menu .menu-item:last-child {margin-bottom: 0;}
.mobileNav .menu-item.menu-item-has-children {position: relative;}
.mobileNav .menu-item.menu-item-has-children .sub-menu {margin-top: 16px; margin-left: 16px;display: none;max-width: 100%;}
.mobileNav .menu-item.menu-item-has-children.submenu-is-active:after {position: absolute; content: ''; width: 150%; height: 100%; left: -10%; top: 0; z-index: -1; background-color: var(--color-tinted-gray);}
.mobile-nav .mobileNav .menu-item.menu-item-has-children .submenu-caret {color: var(--color-navy);font-size: 24px;line-height: 1;position: absolute;top: 12px;right: 0;transition: all 0.5s;cursor: pointer;}
.mobile-nav .mobileNav .menu-item.menu-item-has-children .submenu-caret.active {transform: rotate(180deg);}


.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:#FF0000;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

.default-main {padding-top: 70px;}

.home-slider h1 {color: #ffffff;}
.home-slider .home-slide {width: 100%;height: 650px; transition: height 0.3s ease;position: relative;z-index: 10;}
.home-slide video,
.home-slide .videoHolder,
.home-slide .home-slide__inner {width: 100%;height: inherit;}
.home-slide video {object-fit: cover;}
.home-slide__caption {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; color: #ffffff; max-width: 1204px;}
.slides-shadow {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.3;}

.clients .container {display: flex; flex-direction: column;}
.clients .clients-info {width: calc(100% - 0px); padding: 50px 30px; border-radius: 10px; background-color: var(--color-tinted-gray); display: flex; flex-direction: column; justify-content: center;}
.clients .clients-info h2 {color: var(--color-navy);}
.clients .logos-slider {width: 100%; margin: 50px 0;}
.clients {width:100%;overflow:hidden;}
.logo-slider-block {background-color: #fff;box-shadow: 0 0 10px 0 rgba(59, 72, 96, 0.2);width:100px;}
.clients .logos-slider{position: relative;overflow: hidden;}
.clients .trusted {position: absolute;width: 268px;height: 170px; z-index: 900;background-color: #fff;background-position: center;background-size: 80%;background-repeat: no-repeat;}
.clients .trusted > span {display: flex;justify-content: center;align-items: center;background-color: #ffffff;text-align: center;position: absolute;box-shadow: 0 0 10px 0 rgba(59, 72, 96, 0.2);top: 110%;width: 100%;padding: 5px 12px;border-radius: 50px;font-size: 16px;z-index: 1000;font-weight: 500;color: #566b78;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0;transition: all 1s;}
/*.clients .trusted:hover > span {opacity: .9;animation-delay: 2s;}*/

.specials {background-color: var(--color-tinted-gray);}
.specials .specials-box {display: flex; flex-wrap: wrap; gap: 30px;}
.specials .specials-box .specials-item {width: 100%; min-height: 340px; box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.08); border-radius: 10px; display: flex; flex-direction: column;justify-content: space-between; background-color: #ffffff;}
.specials .item-txt {background-color: #ffffff; padding: 30px 20px;border-top-left-radius: 10px; border-top-right-radius: 10px; min-height: 150px; display: flex; flex-direction: column;}
.specials .item-pic img {width: 100%; height: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; object-fit: cover;}

.info .row {display: flex; flex-direction: column;}
.info .item-pic {width: auto;}
.info .info-content {width: auto; background-color: var(--color-navy); padding: 50px 30px; border-radius: 10px 10px 0px 0px;display: flex; flex-direction: column; justify-content: center;}
.info .item-pic img {object-fit: cover;width: 100%;height: 100%; min-height: 214px; border-radius: 0px 0px 10px 10px;}

.testimonials {min-height: 400px; background-color: var(--color-navy);}
.testimonials .testimonials-box .testimonials__item {display: flex; flex-direction: column;gap: 30px;}
.testimonials .testimonials-box .testimonials__item .item-person {width: 75%;}
.testimonials .testimonials-box .testimonials__item .item-content {width: 100%; padding: 0}
.testimonials .slick-arrow {position: absolute!important; width: 40px; height: 40px; border-radius: 50%; font-size: 0; z-index: 99;transform:translate(-50%, 10px)}
.testimonials .slick-arrow.slick-prev {left: calc(50% - 60px);}
.testimonials .slick-arrow.slick-next {left: calc(50% + 60px);}
.testimonials .slick-arrow .fas {font-size: 20px;}
.testimonials .slider__counter {position: absolute;color: #ffffff; left: 50%; transform:translate(-50%, 0);}
.testimonials .slick-arrow,
.testimonials .slider__counter {bottom: -40px;}

section.blog {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.blog  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.blog {background-color: var(--color-tinted-gray); overflow: hidden;}
section.blog .row {display: flex; flex-direction: column;}
section.blog .blog-head {width: 100%;}
section.blog .flex-container, section.blog .flex-scroll {display: flex; width: 100%;}
/*section.blog .flex-container{overflow: auto;}*/
section.blog .flex-scroll {flex-wrap: wrap; justify-content: center;}
section.blog .blog-box {display: flex; justify-content:space-between;gap: 30px; align-items: start; flex-direction: column;}
section.blog .post-item .post-meta,
section.blog .post-item .post-content {font-size: 13px; line-height: 1.538;}
section.blog .post-item {margin-bottom: 20px; min-width: 300px; width: 100%}
section.blog .post-item .entry-title {}
section.blog .post-item .post-picture {min-height: 220px; border-radius: 10px;}
section.blog .read-more__button {font-size: 13px; font-weight: 700; text-transform: uppercase; color: var(--color-navy);}
section.blog .read-more__button:hover {text-decoration: underline;}

main article .entry-content ul { list-style-type: circle; margin:15px; line-height: 1.538;}

section.cta {min-height: 338px; display: flex; align-items: center; justify-content: center;}
section.cta p {color: #ffffff;}

section.video {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.video  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.video .row {display: flex; flex-direction: column; gap: 30px; min-height: 300px;}
section.video .video-descr {width: 100%; background-color: var(--color-tinted-gray); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 30px; border-radius: 10px;}
section.video .video-outer {width: 100%; height: 210px; background-color: var(--color-navy); position: relative;}
section.video .video-outer .play-outer {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
section.video .video-outer .play-button {width: 32px; height: 32px; border-radius: 50%; background-color: #ffffff; display: block; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto;}
section.video .video-outer .play-button .fas {font-size: 12px; color: var(--color-navy);}
section.video .video-outer .play-button .fas:hover {opacity: 0.75;}
section.video .video-outer .play-button .play-icon {width: 100%; height: 100%; background-image: url(images/play-button.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
section.video .video-outer .play-button .play-icon:hover {opacity: 0.75;}
section.video .play-txt {color: #ffffff;}
section.video .videoHolder {width: 100%; height: 100%;}
section.video video {object-fit: cover;width: 100%;height: inherit;}

section.benefits {background-color: var(--color-accent-blue);display: flex; align-items: center; min-height: calc(600px - 120px);}
section.benefits .benefits-box {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;}
section.benefits .benefits-item {width: 100%; display: flex; gap: 15px;}
section.benefits .benefits-item .item-icon {width: 60px;}
section.benefits .benefits-item .item-txt {width: calc(100% - 75px);}
section.benefits .benefits-item .item-icon img {width: 60px; height: 60px; object-fit: contain;}

section.members {background-color: var(--color-tinted-gray);}
section.members .row {justify-content: center;}
section.members .members-box {display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;}
section.members .members-box .one-item {width: 100%;max-width: 327px; background-color: var(--color-white); margin-bottom: 20px; box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.18); border-radius: 10px;}
section.members .members-box .one-item .item-txt {padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #ffffff;}
section.members .members-box .one-item img {border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; object-fit: cover;}
section.members .members-box .one-item .item-info p {font-size: 13px;}

.cta.little-one {min-height: 380px; position: relative; background-image: var(--bg-mobile); align-items: start;}
.cta.little-one .container {z-index: 9;}
.cta.little-one .cta__content {max-width: 880px;}
.cta.little-one .cta-overlay {position: absolute;left: 0; top: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0.3; z-index: 0;}


section.services {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.services  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.services .services-intro {display: flex; flex-direction: column;}
section.services .row.services-intro {padding-top: 0; padding-bottom: 0;}
section.services .services-intro .column {width: 100%;}
section.services .services-box {display: flex; flex-wrap: wrap; gap: 20px 30px;}
section.services .services__item {width: 100%; display: flex; flex-direction: column; padding: 20px; background-color: var(--color-tinted-gray); border-radius: 10px; position: relative; transition: all 0.33s;}
section.services .services__item:hover {background-color: var(--color-gray-second);}
section.services .services__item:hover a {text-decoration: underline;}
section.services .services__item .item-pic {width: 60px;}
section.services .services__item .item-pic img {width: 60px; height: 60px; object-fit: contain;}
section.services .item-body {width: 100%;}
section.services .item-body p {margin-bottom: 0;}
section.services .item-body:after {position: absolute; content: ''; right: 20px; top: 20px; width: 26px; height: 56px; background-image: url(images/angle-right.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

.single-service section.related-items {background-color: var(--color-tinted-gray);}
.single-service section.related-items .services-box .services__item {background-color: var(--color-white);}
.single-service section.related-items .services-box .services__item:hover {background-color: var(--color-gray-second);}
/*.single-service section.clients .clients-box .brand__name-link h3:after {content: url(images/open_in_tab.svg); display: inline-block; padding: 5px; transform: translate(5px, 2px);}*/
.single-service section.clients .clients-box .brand__name-link {display: flex;}
.single-service section.clients .clients-box .brand__name-link .link-icon {display: inline-block; width: 20px; height: 20px;background-image: url('images/open-link.png'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 3px;}

.accordion-section {background-color: var(--color-tinted-gray);}
section.accordion-section .accordion-item {position: relative; width: calc(100% - 55px); height: auto; display: flex; flex-direction: column; padding: 17px 20px; border-bottom: 1px solid var(--color-navy); background-color: var(--color-tinted-gray);}
section.accordion-section .accordion-item .item-pic {flex: 0 0 60px;}
section.accordion-section .accordion-item .item-body {padding: 15px 0; width: 100%;}
section.accordion-section .accordion-item .item-pic img {width: 60px; height: 60px; object-fit: contain;}
section.accordion-section .accordion-item .item-description {display: none; max-width: fit-content;}
section.accordion-section .accordion-item:first-child .item-description {display: block; max-width: fit-content;}
section.accordion-section .item-body .plus-minus-button {position: absolute; content: ''; right: -20px; top: -75px; width: 26px; height: 56px; background-image: url(images/plus.png); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer;}
section.accordion-section .active-item-body .plus-minus-button {background-image: url(images/minus.png);}
section.accordion-section .header-outer {position: relative;}

section.brand-logos-section .brands-list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 0 16px;}
section.brand-logos-section .brands-list .brands-list__item {display: flex; flex-direction: column; margin-bottom: 20px; width: calc(50% - 8px); min-width: 150px;}
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-img {overflow: hidden; margin-bottom: 20px; border-width: 1px; border-style: solid; border-color: rgba(111,134,186, 0.5); width: 100%; height: auto; min-height: 95px;}
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-img img {transition: all 0.5s ease-out; object-fit: contain;}
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-img:hover img {transform: scale(1.1);}
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-title {color: var(--color-navy, #13213E);font-family: var(--font-heading); font-size: 22px; font-style: normal; font-weight: 500; line-height: 28px; text-transform: capitalize;position: relative;}
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-title .link-icon {display: inline-block; width: 20px; height: 20px;background-image: url('images/open-link.png'); background-repeat: no-repeat; background-size: contain; background-position: center;}
/*section.brand-logos-section .brands-list .brands-list__item .brands-list__item-title:after {content: url('images/open_in_tab.svg');}*/
section.brand-logos-section .brands-list .brands-list__item .brands-list__item-title:hover {color: var(--color-secondary-blue);}

section.brands-list {background-color: var(--color-tinted-gray);}
section.brands-list a:hover {text-decoration: underline;}
section.brands-list .brands-list__box {column-count: 1;}
section.brands-list .letter-box {margin-bottom: 40px; display: inline-flex; gap: 30px; width: 100%;}
section.brands-list .letter-box .letter-brands .brands-outer {padding: 7px 30px; border-left: 1px solid var(--color-accent-blue);}
section.brands-list .letter-box .letter-brands .brands-outer a {position: relative; display: flex; padding-right: 10px; gap: 5px;}
/*section.brands-list .letter-box .letter-brands .brands-outer a:after {content: url('images/open_in_tab.svg'); transform: translate(10px, -3px);}*/
section.brands-list .letter-box .letter-brands .brands-outer a .link-icon {display: inline-block; width: 20px; height: 20px;background-image: url('images/open-link.png'); background-repeat: no-repeat; background-size: contain; background-position: center;}
section.brands-list .letter-box .letter-brands .brands-outer a h5 {margin-bottom: 10px;}
section.brands-list .letter-box .letter-head {min-width: 20px; text-transform: uppercase;}

section.intro {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.intro  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.intro .intro-row {display: flex; flex-direction: column;}
section.intro .intro-row .column {width: 100%;}

section.image-text {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.image-text  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.image-text .one-item {display: flex; flex-direction: column; margin-bottom: 40px;}
section.image-text .item-content {width: 100%; padding: 50px 30px; display: flex; flex-direction: column; justify-content: center; background-color: var(--color-navy); border-radius: 10px 10px 0 0;}
section.image-text .item-image {width: 100%;}
section.image-text .item-image img {width: 100%; height: 100%; min-height: 214px; object-fit: cover; border-radius: 0 0 10px 10px;}
section.image-text .one-item.reverse-order .item-content {background-color: var(--color-accent-blue);}

section.clients {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.clients  * {-webkit-box-sizing: inherit;box-sizing: inherit}
section.clients.single-service .row {display: flex; flex-direction: column; width: 100%;}
section.clients.single-service .info-outer {width: 100%;}
section.clients.single-service .clients-info {width: 100%;}
section.clients.single-service .clients-info h2 {margin-bottom: 0;}
section.clients.single-service .clients-box {width: 100%; display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 40px 0;}
section.clients.single-service .clients-box .one-item {width: calc(50% - 9px);}
section.clients.single-service .item-logo {width: 100%; max-width: 162px; height: 100px; padding: 15px; border: 1px solid var(--color-accent-blue);}
section.clients.single-service .item-logo img { width: 100%; height: 100%; object-fit: contain;}

section.contacts-form {background-color: var(--color-tinted-gray);}
section.contacts-form a {text-decoration: underline;}
section.contacts-form a:hover {text-decoration: none;}

/*Blog, Archive and Single Post Pages*/
body.blog .site-header,
body.archive .site-header {background-color: var(--color-tinted-gray);}
section.blog-page.archive-page {-webkit-box-sizing: border-box;box-sizing: border-box;}
section.blog-page.archive-page  * {-webkit-box-sizing: inherit;box-sizing: inherit}
.blog-page .intro-row {justify-content: center; align-items: center;}
.blog-page .blog-categories {display: flex; flex-direction: column; gap: 15px;}
.blog-page .blog-categories label {text-transform: uppercase; font-size: 13px; font-weight: 700; margin-right: 20px;}
.blog-page .blog-categories select {border-radius: 20px; width: 100%; min-width: 268px; padding: 5px 25px; font-size: 13px; font-weight: 700; -webkit-appearance: none; text-transform: uppercase}
.blog-page .blog-categories select::-ms-expand {display: none;}
.blog-page .blog-categories .select-outer {position: relative;}
.blog-page .blog-categories .select-outer .fa-chevron-down{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }

.blog-page .posts-box {display: flex; gap: 40px 30px; flex-wrap: wrap; justify-content: center;}
section.blog.blog-page .posts-row {flex-direction: column;}
.blog-page .posts-pagination .nav-links {display: flex; justify-content: center;}
.blog-page .posts-pagination .nav-links span,
.blog-page .posts-pagination .nav-links a {margin: 5px 10px; width: 36px; height: 36px;display: inline-flex;align-items: center;justify-content: center;}
.blog-page .posts-pagination .nav-links span.current {background-color: var(--color-accent-blue); color: #ffffff; border-radius: 50%;}
.blog-page .posts-pagination .nav-links a.next,
.blog-page .posts-pagination .nav-links a.prev {font-size: 0;}
.blog-page .posts-pagination .nav-links a.prev:before {content: url('images/chevron-left.png');}
.blog-page .posts-pagination .nav-links a.next:before {    content: url('images/chevron-right.png');}

main.single-post {-webkit-box-sizing: border-box;box-sizing: border-box;}
main.single-post  * {-webkit-box-sizing: inherit;box-sizing: inherit}
.single-post section.blog .row {flex-direction: column; align-items: center}
.single-post section.blog .blog-box {justify-content: center;align-items: start; flex-wrap: wrap;}
.single-post__body img {border-radius: 10px;object-fit: cover;}
.single-post__body .post-breadcrumb, .single-post__body .post-breadcrumb a {color: var(--color-navy);font-size: 16px;font-weight: 700;width: 100%;}
.single-post__body .post-breadcrumb a:hover {color: var(--color-orange);}
.single-post__body article {padding-top: 50px;}
.single-post__body article img {width: 100%;}
.single-post__body article h1 {font-size: 48px;}
.single-post__body .img-box {display: flex;justify-content: space-between; margin-bottom: 40px;}
.single-post__body .img-box .categories-box {display: flex;flex-direction: column;}
.single-post__body .container {display: flex;flex-wrap: wrap;}
.single-post__body .container-for-article {width: 100%;}
.single-post__body .post__all-categories {width: 100%; max-width: 350px; padding: 40px 0;}
.single-post__body .post__all-categories .categories-head {font-size: 13px;font-weight: 700;text-transform: uppercase;padding-bottom: 15px;border-bottom: 2px solid var(--color-accent-blue);}
.single-post__body .post__all-categories .category-item {display: block;font-size: 13px;font-weight: 700;color: var(--color-navy);text-transform: uppercase;margin-bottom: 20px;}
.single-post__body .post__all-categories .category-item:hover {color: var(--color-orange);}
.share-widget .fab {font-size: 28px;}
.share-widget .share-outer {display: flex; align-items: center; gap: 10px;}

/*End of Blog, Archive and Single Post Pages*/

/* -- @Pages Templates styles ---------------- */
.page-template-template-sevices section.cta.little-one.custom-cta { min-height: 480px;}
.page-template-template-sevices .cta.little-one .cta__content {max-width: 570px;}
.page-template-template-sevices section.cta .container {max-width: 1464px;}


.contacts-page .gform_wrapper.gravity-theme .gfield_required {display: none;}

/*Default Page Template*/
.default-page .page-banner {height: 260px;}
.default-page .page-banner h1 {color: var(--color-navy); margin-bottom: 0;}
.default-page .container {max-width: 1578px;}
/*End of Default Page Template*/

/*Gravity Forms Global*/
.gform_wrapper.gravity-theme form input,
.gform_wrapper.gravity-theme form textarea {padding: 15px!important;min-height: 50px!important;line-height: 1.538!important;}
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email] {border-radius: 30px}
.gform_wrapper.gravity-theme input[type=submit] {min-width: 268px; border-color: transparent;}
.gform_wrapper.gravity-theme textarea {border-radius: 10px;}
.gform_wrapper.gravity-theme form .gfield {margin-bottom: 10px;}
/*End of Gravity Forms Global*/
/* -- @CONTENT ---------------- */
.button {display:inline-block;height:40px; min-width: 135px; padding: 10px 20px; border-radius: 5px; background:var(--color-accent-blue); font-size: 13px; font-weight: 700; line-height: 1.538; color: #ffffff;text-transform:uppercase;text-align:center;box-sizing:border-box;}
.button:hover {background:var(--color-secondary-blue);color:#fff;}

.banner {width:100%;position:relative;}
.page-banner {height:242px;}
.page-banner-inner {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%); z-index: 9;}
.page-banner .hero-overlay,
#home-slider .hero-overlay {position: absolute;left: 0; top: 0;width: 100%;height: 100%;background-color: var(--overlay-color);opacity: var(--overlay-opacity); z-index: 0;}

.video-banner {overflow:hidden;}
.video-banner video{ position:absolute; top:50%; left:50%; z-index:0; min-width:100%; min-height:100%; width:auto; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

.ul-flex-two-columns {display: flex; flex-wrap: wrap; gap: 0 30px;}
.li-two-columns__item {width: calc(50% - 15px);}

.logos-slider {display: flex;flex-direction: column;justify-content: center;}
.js-logos-slider .slick-slide {padding: 0 20px;}
.js-logos-slider .one-logo {margin-bottom: 20px;}
.js-logos-slider:not(.slick-initialized) {opacity: 0;}

/* Feat Products */
.feat-product-item {margin-bottom:30px;background-color: var(--color-white);border-radius: 15px;overflow: hidden;box-shadow: 0 0 25px 4px rgba(0,0,0,.08);}
.feat-product-pic {height: 300px;padding: 10px;border-bottom: 1px solid var(--color-accent-blue);border-right: unset;}
.feat-product-pic img {object-fit: contain;width: 100%;height: 100%;display:block;}
.feat-product-content h3 {font-size:1.6rem;line-height:1.4;color: var(--color-navy);padding:10px 10px 20px;margin:0;}

/* -- @FOOTER ----------------- */
.site-footer a,
.site-footer p {color: var(--color-accent-blue); font-size: 13px; line-height: 1.538; font-weight: 700;}
.site-footer a:hover {text-decoration: underline;}
.site-footer .footer__logo {margin-bottom: 50px;}
.site-footer .footer-columns {width: 100%;}
.site-footer .top-outer,
.site-footer .menus-outer {display: flex; flex-direction: column;}
.footer-offices {display: flex; flex-direction:column; width: 100%; margin-top: 25px;}
.footer__top-part {background-color: #1d2c4d;}
.footer__top-part .social-links {display: flex; gap: 20px; align-items: center;}
.footer__top-part p {margin-bottom: 14px;}
.footer__top-part .short-info p,
.footer__top-part .social-links .fab,
.footer__top-part .offices-city a {color: #ffffff; font-weight: 700;}
.footer__top-part .social-links .fab {font-size: 30px;}
.footer-offices .one-office {width: 100%; text-transform: uppercase;}
.footer__bottom-part {background-color: var(--color-navy);}
.footer__bottom-part ul li a {text-transform: uppercase; display: block; margin-bottom: 14px; font-weight: 700;}
.menus-outer .footer-menu-one li a {color: #ffffff;}
.footer-columns .footer-menu .menu-item-has-children > a {color: #ffffff;}
.footer-copy a,
.footer-copy p {font-weight: 400;}


/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after {content: ""; clear: both; display: none;}