@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */


/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

img{object-fit: cover;}

ul.MenuBarHorizontal {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 10pt;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: auto;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    /*background-color: #003300;*/
    display: table;
    align-items: center;
}


/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive {
    z-index: 1000;
}


/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li {
    margin: 0;
    list-style-type: none;
    font-size: 10pt;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: auto;
    /* float: left; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #003300;
    display: table-cell;
    height: 100%;
    border: 1px solid #fff;
    vertical-align: middle;
    box-sizing: border-box;
}


/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 100%;
    position: absolute;
    left: -1000em;
}


/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
}


/* Menu item containers are same fixed width as parent */

ul.MenuBarHorizontal ul li {
    width: 100%;
    display: inline-block;
}


/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul {
    position: absolute;
    margin: -5% 0 0 95%;
}


/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
    left: auto;
    top: 0;
}


/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/


/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal ul {
    border: 1px solid #CCC;
}


/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    background-color: #003300;
    padding: 0.6em 1.25em;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    width: 100%;
    padding: 8px 3px;
    box-sizing: border-box;
    /*border-top: 1pt solid #FFFFFF;
    border-right: 1pt solid #FFFFFF;
    border-bottom: 1pt none #FFFFFF;
    border-left: 1pt solid #FFFFFF;*/
}


/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus {
    background-color: #006600;
    color: #FFF;
}


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color: #006600;
    color: #FFF;
}


/******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/


/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    font-style: normal;
}


/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}


/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal li.menu-item-has-children > a:after {
    content: "";
    position: absolute;
    right: 2px;
    display: inline-block;
    width: 0;
    opacity: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
}
ul.MenuBarHorizontal li.menu-item-has-children:hover > a:after {
    opacity: 1;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}


/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/


/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe {
    position: absolute;
    z-index: 1010;
}


/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen,
projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
        display: inline;
        f\loat: left;
        background: #FFF;
    }
}

.footerlinks {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: normal;
    color: #003300;
}



/*Start mcs style*/

p{font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: normal;color: #000000;}
strong{color: #003300;}
:focus{outline: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.padding_right_50{padding-right: 50px;box-sizing: border-box;}
.padding_right_15{padding-right: 15px;box-sizing: border-box;}
.padding_left_15{padding-left: 15px;box-sizing: border-box;}

ul.footerlinks{list-style: none;margin: 0;padding-bottom: 10px;padding-left: 0;}
ul.footerlinks li{display: inline-block;padding: 0 3px;border-right: 1px solid #00330078;text-transform: capitalize;}
ul.footerlinks li:last-child{border-right: none;}

.mcs_home_slider img{height: 545px;width: 100%;object-fit: cover;}
.mcs_cranesafety_logo_sec:first-child { width: 100%;}
.mcs_cranesafety_logo_sec {width: 50%;display: inline-block;vertical-align: middle;margin-right: -3px;text-align: center;}
.mcs_cranesafety_logo_sec img{max-height: 56px;width: auto;max-width: 100%;}
.mcs_pro_specification ul{font-size: 14px;font-weight: normal;color: #000000;padding-left: 0px;font-family: Georgia, "Times New Roman", Times, serif;list-style: none;}
.mcs_pro_specification ul li{margin:0;}
.mcs_pro_specification ul li:before{content: "•";display: inline-block;padding-right: 5px;}
.video-test iframe{width: 100%;}
.mcs_pricing_em_con em{font-size: 13px;font-weight: normal;}
.mcs_con_info{width: 100%;display: inline-block;vertical-align: top;position: relative;top: -2px;}
.mcs_eqp_ti{width: 100%;display: block;}
.mcs_home_flag{text-align: center;margin: 20px 0;width: 100%;display: inline-block;}
.mcs_key_list_sec{padding-left: 0px;list-style: none;margin: 0;}
ul.mcs_key_list_sec li:before{content: "›";color: #996600;font-size: 16px;}

.mcs_pro_img_sec{width: 335px;display: inline-block;}
.mcs_pro_des_sec{width: 260px;display: inline-block;vertical-align: top;}
.mcs_pro_view_nav_sec{width: 130px;vertical-align: top;display: inline-block;}
.mcs_pro_main_sec{margin: 5px 0;}
.mcs_pro_seprater{line-height: 0;}

.mcs_rigging_con{width: 50%;float: left;}
.mcs_rigging_con_padding_left{padding-left: 20px;box-sizing: border-box;}
.mcs_rigging_con_padding_right{padding-right:20px;box-sizing: border-box;}
.mcs_rigging_con_padding_left_right{padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.mca_feature_main_sec h4{font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;color: #003300;}
.mca_feature_main_sec h6{font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #003300;margin: 0;}
.mca_feature_main_sec ul{font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: normal;color: #000000;}
.mca_machine_moving_points strong{color: #000000;}

.mcs_heavyhauling_con_left{width: 45%;padding-right: 15px;box-sizing: border-box;float: left;}
.mcs_heavyhauling_con_right{width: 55%;padding-left: 20px;box-sizing: border-box;float: left;}
.mcs_heavyhauling_con_remove_pading{padding: 0;}
.barerental_title{padding-bottom: 20px;display: inline-block;}
.barerental_points li{margin: 12px 0;}
.mcs_barerental_con{padding-bottom: 20px;}
.mca_mobilestorage_specification p{font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #003300;}
.mcs_crn_safty_con_right{width: 55%;padding-right: 40px;box-sizing: border-box;float: left;}
.mcs_handsignal_left_sec{width: 30%;float: left;}
.mcs_handsignal_right_sec{width: 70%;float: left;}
.mcs_lift_planning_img_sec{margin: 30px 0 0 0;display: inline-block;width: 100%;}

.mcs_ppbuttearchives_left_sec{width: 60%;float: left;padding-right: 20px;box-sizing: border-box;}
.mcs_ppbuttearchives_right_sec{width: 40%;float: left;}
.mcs_ppbuttearchives_con_sec{margin-bottom: 40px;}

.mcs_con_sec_1_main_sec{margin: 0 0 20px 0;display: inline-block;width: 100%;}
.mcs_con_sec_1{width: 40%;float: left;}
.mcs_con_sec_2{width: 30%;float: left;}
.mcs_con_sec_3{width: 30%;float: left;}

.mcs_con_sec_2_1{width: 50%;float: left;}
.mcs_con_sec_2_1_right_padding{padding-left: 50px;box-sizing: border-box;}
.mcs_con_sec_2_1 strong{color: #000000;}
.mcs_contactus_main_container{width: 100%;display: inline-block;}
.mcs_h1_remove_margin_top{margin-top: 0;}
.mcs_find_job_sec{padding-bottom: 30px;}
.ppcaopylift_slider .slick-dots button{border: none;background: transparent;width: 62px;height: 62px;margin: 5px;padding: 0;}
.ppcaopylift_slider .slick-dots button img{width: 62px;height: 62px;border: 1px solid #000000;}
.ppcaopylift_slider ul.slick-dots{list-style: none;padding-left: 0;}
.ppcaopylift_slider ul.slick-dots li{display: inline-block;}
.mcs_ppcaopylift_sec_1{width: 40%;float: left;padding-right: 30px;box-sizing: border-box;}
.mcs_ppcaopylift_sec_2{width: 60%;float: left;}
.mcs_other_eq_right_padding{padding-right: 30px;box-sizing: border-box;}

.mca_mobile_crane_fleet_img_1{width: 500px;}
.mcs_boomttrucks_pro_img_1{width: 309px;}
.mcs_boomttrucks_pro_quote{margin-top: 50px;}
.mcs_other_eqipment_img_1{width:463px;}
.mcs_mobile_storage_img_1{width: 400px;}
.mcs_past_project_img_1{width: 379px;}
.mcs_rates_img_1{width: 380px;}
.mcs_tower_feture_con_pding h4{padding: 0 20px;}
.mcs_tower_feture_con_pding h6{padding: 0 20px;}
.mcs_tower_feture_con_pding p{padding: 0 20px;}
.mcs_tower_feture_con_pding p img{margin: 0 -20px;width: calc(100% + 40px);}
.mcs_tower_feture_con_pding ul{padding-left: 55px;padding-right: 40px;}
.mcs_tower_feture_con_pding ul ul{padding-left: 40px;}
.mcs_crn_safty_con_right li strong{color: #996600;}




@media (min-width:779px){
    .mobile-trigger,a.child-triggerm { display: none !important;  }

}

@media only screen and (min-width:1px) and (max-width:779px){
    .oneColFixCtrHdr #container{width: 100%;}
    .oneColFixCtrHdr #header{padding: 0;}
    .mca_mobile_crane_fleet_img_1{width: 100%;height: 300px;}
    .oneColFixCtrHdr #container #mainContentpad{padding-right: 15px;padding-left: 15px;}
    #apDiv1{position: relative;width: 100%;height: 300px;left: 0;}
    .mcs_home_slider img{height: 300px;}
    .mcs_pro_img_sec{width: 100%;}
    .mcs_boomttrucks_pro_img_1{width: 100%;}
    .mcs_boomttrucks_pro_quote {margin-top: 30px;}
    .mcs_pro_des_sec{width: 100%;}
    .mcs_pro_view_nav_sec{width: 100%;}
    .mcs_rigging_con{width: 100%;}
    .mcs_rigging_con_padding_left{padding-left: 0px;}
    .mcs_rigging_con_padding_right{padding-right: 0px;}
    .mcs_rigging_con_padding_left_right{padding: 0;}
    .mcs_other_eqipment_img_1{width: 100%;height: 300px;}
    .mcs_other_eq_right_padding{padding-right: 0px;}
    .mcs_heavyhauling_con_left{width: 100%;padding-right: 0;}
    .mcs_heavyhauling_con_right{width: 100%;padding-left: 0px;}
    .mcs_mobile_storage_img_1{width: 100%;height: 300px;}
    .mcs_crn_safty_con_right{width: 100%;padding-right: 0px;}
    .mcs_handsignal_left_sec{width: 100%;}
    .mcs_handsignal_right_sec{width: 100%;}
    .padding_right_50{padding-right: 0px;}
    .mcs_past_project_img_1{width: 100%;height: 300px;}
    .mcs_ppcaopylift_sec_1{width: 100%;padding-right: 0px;}
    .mcs_ppcaopylift_sec_2{width: 100%;}
    .mcs_ppbuttearchives_left_sec{width: 100%;padding-right: 0px;}
    .mcs_ppbuttearchives_right_sec{width: 100%;}
    .mcs_rates_img_1{width: 100%;height: 300px;}
    .mcs_con_sec_1{width: 100%;}
    .mcs_con_sec_2{width: 100%;}
    .mcs_con_sec_3{width: 100%;}
    .text-center {text-align: left;}
    .text-right{text-align: left;}
    .mcs_con_sec_2_1{width: 100%;}
    .mcs_con_sec_2_1_right_padding{padding-left: 0px;}
    ul.MenuBarHorizontal{width: 100%;display: inline-block;}
    ul.MenuBarHorizontal li{width: 100%;display: inline-block;}
    ul.MenuBarHorizontal ul{width: 100%;}
    ul.MenuBarHorizontal ul {position: relative;left: 0;}
    .sub-menu{display: none;}

    ul.MenuBarHorizontal .sub-menu li a{background-color: #006600;}

    .ftr_dot{display: none;}
    .mcs_con_info a{width: 100%;float: left;}
    ul.MenuBarHorizontal li.menu-item-has-children:hover > a:after {opacity: 0;}

    .mcs_tower_feture_con_pding h4 {padding: 0;}
    .mcs_tower_feture_con_pding p {padding: 0;}
    .mcs_tower_feture_con_pding h6 {padding: 0;}
    .mcs_tower_feture_con_pding ul {padding-left: 15px;padding-right: 15px;}
    .mcs_tower_feture_con_pding p img {margin: 0;width: 100%;}

    /*Start responsive menu css*/
    a.mobile-trigger {display: inline-block !important; cursor: pointer; position: relative; top: 0px; left: 0px; width: 100%; height: 30px; padding: 5px 0px 0px 0px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 0px; webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; float:left; }
    a.mobile-trigger:hover { text-decoration: none;}
    a.mobile-trigger span{ display: inline;float: right;color: white;font-size: 13px;vertical-align: middle;margin-top: 3px;font-weight: bold;position: relative;right: 40%;}
    a.mobile-trigger i{position: relative;right: 40%;}
    .mcs_res_menu{display: inline-block;float: right;background: #003300;top: 0;position: absolute;right: 0;height: 35px;padding: 5px;box-sizing: border-box;width: 100%;}
    a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; background-color: ; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; }
    .mobile-open a.mobile-trigger span:after{ opacity: 1; }s
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0;
    -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 27px; height: 2px; background-color: #FFFFFF; display: inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; float: right;margin-top: 12px;margin-right: 15px;margin-top: 12px;}
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mobile-open a.mobile-trigger span:before { display: none; }
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0);-webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

    a.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 32px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
    a.child-triggerm:hover { text-decoration: none; }

    a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm span:after { position: absolute; content: ''; }
    a.child-triggerm span, a.child-triggerm span:after { width: 15px; height: 3px; background-color: #FFFFFF; display: block; }

    .nav-menu ul > li ul { padding-top:0; }


    a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }

    .mainmenu.js-enabled, .mainmenu.js-enabled { display: none; }
    /*End responsive menu css*/

    .oneColFixCtrHdr #mainContent{padding: 0 15px;}
    .oneColFixCtrHdr #footer{padding: 0 15px;}
    .padding_right_15{padding-right: 0;}
    .padding_left_15{padding-left: 0;}

}


/*End mcs style*/