.dr-top-bar {
    background: #004876;
}

.dr-top-bar .dropdown-items a {
    color: #012d74;
    font-family: "Roboto", sans-serif;
    width: 100%;
    font-size: 14px;
    margin: 0 0 10px;
    display: block;
    font-weight: 600;
}

.dr-top-bar-wrapper {
    display: flex;
    justify-content: space-between;
}

.dr-top-bar-wrapper .site-language-picker {
    position: relative;
    top: 5px;
    left: 40px;
    z-index: 3;
}

div#current_region {
    padding-bottom: 10px;
}

.dr-top-bar-wrapper .option-picker .dropdown-state {
    padding: 4px 10px 0 0;
    height: auto;
}

.dr-top-bar-wrapper .option-picker .dropdown-state:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    position: relative;
    top: 10px;
}

.dr-top-bar-wrapper .option-picker .current-region {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.dr-top-bar-wrapper .option-picker .current-language:before {
    content: url(../jpg/icon-global.jpg);
    position: relative;
    top:0px;
}

.dr-top-bar-wrapper .dropdown-items {
    animation: rotateMenu .4s ease-in-out forwards;
    transform-origin: top center;
    box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 10%);
    border: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg)
    }

    70% {
        transform: rotateX(20deg)
    }

    100% {
        transform: rotateX(0deg);
        visibility: visible
    }
}

@keyframes slidedown {
    0% {
        transform: rotateX(-90deg)
    }

    70% {
        transform: rotateX(0deg)
    }

    100% {
        transform: rotateX(0deg);
        visibility: visible
    }
}

.dr-top-links-block {
    display: flex;
    align-items: center;
}

.dr-top-links-block .menu {
    padding-right: 20px;
}

.dr-top-links-block .top-menu li a {
    color: #fff;
    font-size: 14px !important;
    font-family: "Roboto", Sans-serif;
}

.cmco-logo-list {
    display: flex;
}
.cmco-logo-list a {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5ebef;
    height: 40px;
    position: relative;
}

.cmco-logo-list a:before {
    content: '';
    width: 120%;
    position: absolute;
    background: #e5ebef;
    height: 100%;
    border-left: 2px solid #fff;
    border-bottom: 0px solid #000016;
    transform: skewX(25deg);
}

.cmco-logo-list a:hover:before {
    background: #f96b02;
    transition-duration: 0.2s;
}

a.dtools-login-button:hover:before {
    background: #0c4876;
    transition-duration: 0.2s;
}

.cmco-logo-list a:hover img {
    filter: brightness(0) invert(1);
}

.cmco-logo-list .garvey-button:before{
    background: #3f5364;
}



.cmco-logo-list .montratec-button {
    width: 145px;
}

.cmco-logo-list .montratec-button:before {
    background: #B2B4BE;
}

.cmco-logo-list .montratec-button img {
    max-width: 120px !important;
}




.cmco-logo-list .dtools-login-button:before {
    background: #FF6B00;
}

.cmco-logo-list a img {
    position: relative;
    left: -10px;
    max-width: 60px;
}

.cmco-logo-list a span {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.custom-row {
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
}

.dr-main-header {
    padding: 30px 0;
}

.dr-main-header .custom-row {
    max-width: 1590px;
    margin: 0 auto;
}

.dr-main-header .logo {
    padding-left: 30px;
}

.dr-main-header .large-2 {
    width: 20%;
}

.dr-main-header .large-3 {
    width: 30%;
}

.dr-main-header .large-7 {
    width: 49.33333%;
}

.search-box {
    position: relative;
    margin-top: 11px;
}

.search-box input {
    width: 100%;
    border: 0;
    background: #E5EBEF;
    height: 54px;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    padding-left: 25px;
    color: #000;
    font-weight: normal;
    font-family: "Roboto", Sans-serif;
}

.search-box input::-webkit-input-placeholder { /* Edge */
    font-size: 16px;
    font-weight: 500;
    color: #000;
    opacity: 1;
}
  
.search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 16px;
    font-weight: 500;
    color: #000;
    opacity: 1;
}
  
.search-box input ::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    opacity: 1;
}

.search-box input:focus {
    border: 0;
    background: #E5EBEF;
}

.search-box button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 31px;
    color: #0f4876;
    background: no-repeat;
    border: 0;
    padding-right: 15px;
    padding-top: 6px;
    transform: scale(.6);
}

.search-box button:hover {
    background: none;
}

.search-box .search-icon::before {
    content: url(../png/search-icon.png);
}

.header-buttons {
    display: flex;
    gap: 30px;
    padding: 11px 0px 0px;
    padding-left: 30px;
}

.header-buttons a {
    border: 1px solid #004876;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
}

.header-buttons .button-plat {
    background: #FF6B00;
    color: #fff;
    padding-top: 15px;
    border: 0;
}

.header-buttons .button-plat:hover {
    background: #004876;
}

.header-buttons .icon-marker:before {
    content: url(../jpg/icon-marker.jpg);
    top: 4px;
    margin-right: 10px;
    position: relative;
}

.header-buttons a.button-bordered {
    padding: 10px 5%;
}

.header-buttons a.button-bordered:hover {
    border: 1px solid #FF6B00;
}

.dr-header-nav {
    border-top: 1px solid #e7e4de;
    border-bottom: 1px solid #e7e4de;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dr-header-nav .custom-row {
    max-width: 1590px;
    margin: 0 auto;
}

.dr-header-nav .menu {
    margin-left: 15px;
}

ul#menu-primary-menu-1 ul ul li a:hover, 
ul#menu-primary-menu-1 ul li a:hover {
    color: #f96803 !important;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li ul {
    margin-bottom: 0px !important;
    margin-top: 5px !important;
    display: block !important;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li ul li {
    margin-bottom: 0px !important;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li ul li a {
    position: relative;
    background-image: linear-gradient(#FF6B00, #FF6B00);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    transition: 0.25s;
    background-size: 0% 2px;
    line-height: 1.45;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li ul li a:hover {
    background-size: 100% 2px;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical ul li:last-child {
    margin-bottom: 15px !important;
}

#menu-top-menu li a:hover {
    color: #FF6B00;
}

ul#menu-primary-menu-1 ul ul li a:hover:after {
    color: #FF6B00 !important;
    width: 100%;
    transition-duration: 0.3s;
}

.dr-header-nav ul > li > a {
    font-size: 15px;
    text-transform: none;
    color: #000000 !important;
        font-family: "Roboto", sans-serif;
}

.dr-header-nav ul > li > a:hover {
    color: #ff6800 !important;
}

.dr-header-nav .menu .solutions-mega-menu>.submenu li a:hover {
    color: #ff6800 !important;
}

.dr-header-nav .menu .solutions-mega-menu.products-mega-menu > .submenu {
    left: 0px !important;
    top: 50px !important;
}

.dr-header-nav .menu .solutions-mega-menu>.submenu {
    left: -68px !important;
    top: 50px !important;
}

.dr-header-nav  .menu-item .is-dropdown-submenu.first-sub.vertical{
    background-color: #ffffff !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 10%) !important;
    animation: slidedown .4s ease-in-out forwards; 
    transform-origin: top center; 
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical {
    background: #fff !important;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical ul {
    margin: 0;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li a {
    color: #072D77 !important;
}

.dr-header-nav .is-dropdown-submenu {
    text-align: left;
}

.dr-header-nav ul.menu.submenu.is-dropdown-submenu.vertical li ul li a {
    color: #000 !important;
    display: inline-block;
}

.dr-header-nav .is-dropdown-submenu > li:hover {
    background-color: #fff !important;
    transition-duration: 0.3s;
}

.dr-header-nav .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-top-style: solid !important;
    border-color: #0f4876  transparent transparent;
    right: -6px;
    margin-top: -3px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

ul#menu-primary-menu-1 {
    display: flex;
    gap: 25px;
    position: relative;
    z-index: 2;
}

.container {
    width: 100%;
    max-width: 1477px;
    margin: 0 auto;
}

footer.dr-footer {
    background: #0f4876;
    padding: 40px 0;
}

#main_contact_form label {
    font-size: 16px;
    font-weight: normal;
    font-family: "Roboto", sans-serif;
}

#main_contact_form .gform_button {
    background: #ef6937  !important;
    font-family: "Roboto", sans-serif;
}

.footer-social-icons-list .elementor-icon:hover {
    color: #ef6937 !important;
}

@media (max-width: 1700px) {
    .header-buttons a {
        padding: 10px 10px;
    }

    .header-buttons {
        gap: 20px;
    }

    .dr-main-header .large-2 {
        width: 17%;
    }

    .dr-main-header .large-7 {
        width: 51.33333%;
    }
}

@media (max-width: 1440px) {
    #footer-logo-collections .elementor-container {
        max-width: 1220px;
    }
}

@media (max-width: 1480px) {

    .dr-main-header .large-2 {
        width: 22%;
    }

    .dr-main-header .large-7 {
        width: 46.33333%;
    }


    .header-buttons a {
        border: 2px solid #0f4876;
        font-size: 15px;
        font-weight: 600;
    }
}

@media (max-width: 1305px) {
    .dr-main-header .large-3 {
        width: 36%;
    }

    .dr-main-header .large-7 {
        width: 41.33333%;
    }

    #home-slider .swiper-slide-bg {
        background-size: 50% !important;
        background-position: top right !important;
    }
}

@media (max-width: 1200px) {
    .logo img {
        max-width: 190px;
    }

    .cmco-logo-list a {
        width: 130px;
    }

    .dr-top-links-block .top-menu li a {
        color: #fff;
        font-size: 14px !important;
    }

    .dr-top-links-block .menu {
        padding-right: 20px;
    }

    .dr-top-bar-wrapper .option-picker .current-region {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #home-slider .swiper-slide-contents {
        max-width: 380px !important;
    }

    .home-slide-button {
        padding-top: 30px;
    }

    .home-slide-button .btn {
        font-size: 16px;
        padding: 14px 40px;
    }

    div#footer-logo-list-items {
        width: 90%;
        margin: 0 auto;
    }
}


@media (max-width: 1160px) {
    .dr-main-header .logo img {
        max-width: 160px;
    }

    .dr-main-header .search-box {
        position: relative;
        margin-top: 11px;
        overflow: hidden;
        height: 54px;
    }

    .search-box input::-webkit-input-placeholder { /* Edge */
        font-size: 16px;
        font-weight: bold;
        color: #9b9e9e;
        opacity: 1;
    }
      
    .search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 16px;
        font-weight: bold;
        color: #9b9e9e;
        opacity: 1;
    }
      
    .search-box input ::placeholder {
        font-size: 16px;
        font-weight: bold;
        color: #9b9e9e;
        opacity: 1;
    }

    .dr-top-links-block .top-menu li a {
        color: #fff;
        font-size: 14px !important;
    }

    .dr-top-bar-wrapper .option-picker .current-region {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

    .dr-top-bar-wrapper .option-picker .dropdown-state:after {
        top: 9px;
    }

    .dr-main-header {
        padding: 30px 0 40px;
    }

    .dr-header-nav ul > li > a {
        font-size: 16px;
    }

    
}

@media (max-width: 1090px) {
    .header-buttons a {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 10px;
    }

    .cmco-logo-list a {
        width: 120px;
    }

    .dr-top-links-block .menu {
        padding-right: 20px;
    }
}

@media (max-width: 1023px) {
    .dr-top-links-block {
        display: none;
    }
    .dr-main-header .large-7 {
        display: none;
    }
    .dr-main-header .large-3 {
        display: none;
    }
    
    .dr-header-nav {
        display: none;
    }

    .dr-top-bar-wrapper .phone-mobile {
        padding: 0 15px;
        font-size: 24px;
        margin-top: 7px;
        display: block;
    }

    .dr-main-header .large-2 {
        width: 100%;
    }

    .logo {
        max-width: 100% !important;
        padding-left: 10px !important;
        display: flex;
        justify-content: space-between;
        padding-right: 10px;
    }
}


@media (max-width: 767px) {
    .icon-links-section .elementor-image-box-wrapper figure {
        width: 64px !important;
    }
    
    .icon-links-section .elementor-image-box-wrapper {
        display: flex;
        gap: 15px;
    }
}

@media (max-width: 760px) {
    .dr-top-bar-wrapper .show-for-medium-only {
        display: block !important;
    }
}