/* 1 Reset Css #res 2 Font Face #face 3 Inputs #input 4 Global Styles #glob 5 Wrappers #wrap 6 Custom CSS #custom 7 Media Query #media */ /*================================= 1 Reset Css ( #res ) =================================*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#006db7;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #000000;margin:10px auto 8px; padding:0} img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition:all 0.5s ease 0s;} .ie8 img {height: auto; width: auto\9;} .ie8 img.size-large {max-width: 60%; width: auto;} ul{list-style:none; margin:0; padding:0;} li{list-style:none;} #wp-toolbar ul:after{content:none} .last_li , .last{margin-right:0 !important; padding-right:0 !important} .first_li, .first{margin-left:0 !important; padding-left:0 !important} .clearfix:after , ul:after , ol:after , .full_row:after, .sub_menu:after, .manufacture:after, .single_concrete_pump ul:after {content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%} .screen-reader-response{display: none;} /*================================= 3 Inputs ( #input ) =================================*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;} ::-webkit-input-placeholder {color:#343434; font-style:normal;} :-moz-placeholder {color:#343434; font-style:normal;} ::-moz-placeholder {color:#343434; font-style:normal;} :-ms-input-placeholder {color: #343434; font-style:normal;} button::-moz-focus-inner {border: 0} :focus {outline:none;} ::-moz-focus-inner {border:0;} input[type=number] {-moz-appearance:textfield} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0} input[type=submit]{width: 100%;} input[type=submit] , input[type=button]{cursor:pointer; border:0} input:focus{outline:none;} body textarea {resize: none; height: 75px; color: #000; font-size: 14px; font-weight: 400; line-height: 14px; padding: 10px; } input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{background: #f2f2f2; border-radius: 0; color: #000; font-size: 14px; font-weight: 400; line-height: 14px; width: 100%; height: 31px; padding: 0 10px 5px; box-shadow: none; -webkit-appearance: none; border: 2px solid transparent; border-bottom-color: #00a652; margin-bottom: 5px; } input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {background:#f3f3f3} form label {width: 100%; font-size: 15px; font-weight: 700; color: #213e9a; line-height: normal; } form label span {color: #00a652; font-size: 17px; position: relative; right: -3px; display: inline-block!important; margin: 0;} .your-name input {max-width: 238px; } .phone input{max-width: 175px;} form p{font-size: 13px; line-height: 16px; margin-bottom: 0;} form p strong{font-weight: 700; color: #000;} .send_btn{position: relative;margin-top: 10px; display: block;} .send_btn .kcp_btn {padding: 13px 22px 11.5px 0; transition: all ease .4s;} .send_btn .kcp_btn:hover{transition: all ease .4s;} .send_btn i {position: absolute; top: 14px; color: #fff; right: 30%; } div.wpcf7 .ajax-loader{position: absolute; bottom: -10px;} span.wpcf7-not-valid-tip{display: none!important;} .wpcf7-not-valid{border-bottom-color: #ff0000 !important;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted , div.wpcf7-mail-sent-ok{padding: 10px; border: 2px solid #ff0000; margin: 20px 0 0; color: #000; font-size: 13px; line-height: 16px; } .wpcf7-mail-sent-ok{border-color: #00a652!important;} .form_row{padding-bottom:25px} .form_row.msg_row{padding-bottom:10px} .form_row.submitrow{padding-bottom:0} .content_row form { margin-bottom: 30px; } input:required{box-shadow:none} /*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */ *{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} p .kcp_btn{line-height: normal; text-decoration: none!important; } /*================================= 4 Global Styles (#glob) =================================*/ /* Gobal #GAB */ .x:before {position:absolute; content:''} /* Vertical Middle */ .x:before /*Parent Before*/ {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em} .x /* Child class */ {display: inline-block; vertical-align: middle} /* HR Rules */ hr{} /* Image Alignment */ .alignnone , a img.alignnone {margin: 5px 0 50px;} .aligncenter, div.aligncenter {display: block; margin: 30px auto 60px auto; width:100%;border: 2px solid #969696;} .alignright , a img.alignright{float:right; margin:30px 0 30px 22px; border: 2px solid #969696;} .alignleft , a img.alignleft {float: left; margin: 30px 60px 30px 0; border: 2px solid #969696;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 2px solid #969696;} .normal-band .small_container .alignright {margin-right: -190px;} .normal-band .small_container .alignleft {margin-left: -190px;} h1 , h2 , h3 , h4 , h5 , h6{} h1{font-size: 18px; color: #000000; text-transform: capitalize; font-weight: 700; line-height: 22px; margin-bottom: 30px;} h2{font-size: 22px; color: #000000; /*text-transform: capitalize;*/ font-weight: 700; line-height: 28px;} h3{font-size: 30px; color: #000000; font-weight: 700; ;line-height: 38px;} h4{font-size: 24px; line-height: 31px; color: #000000; font-weight: 700; text-transform: uppercase;} h5{font-size: 24px; line-height: 31px; color: #000000; font-weight: 700;} h6{} .normal-band h3, .normal-band h4,.normal-band h5 {margin: 35px 0 15px;} .remove_pad{padding-top: 0!important;} p, .content_row ul li, .content_row ol li{color: #454545; font-size: 17px; font-weight: 400; line-height: 25px; margin-bottom:20px; font-family: 'Lato', sans-serif;} p:last-child{margin-bottom:0} p.intro, .intro{color: #000000; font-size: 22px; font-weight: 700; line-height: 28px; margin-bottom:20px} p a {color:#00a652; } p strong{font-weight:900} p em{font-style:italic} p a:hover{text-decoration:underline; color: #00a652;} .content_row ul , .content_row ol{padding-bottom:10px} .content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; color:#434343} .content_row ul li{padding-left:50px} .content_row ul li:before {color: #123193; content: "•"; font-weight: 400; left: 0; position: absolute; font-size:17px;} .content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0} .content_row ol{counter-reset: section} .content_row ol li{padding-left:50px} .content_row ol > li:before {color:#123193; content:"0" counter(section, decimal); counter-increment:section; padding-right:5px; font-size:17px; font-weight: 400; position:absolute; left:0; font-weight: 700;} .content_row ol ul li{padding-left:50px} .content_row ol ol li{list-style:lower-alpha outside; padding-left:30px; margin-left:20px} .content_row ol ol li:before{content:none} .content_row ol ol li{padding-left:10px} a:focus, a:hover{outline:none; text-decoration:none; color: #d84e18;} .visible_tab{display:none} /* ================================= 5 Wrappers #wrap ================================= */ body{background:#fff; font-family: 'Exo 2', sans-serif; line-height: 1; color:#343434} .container{max-width:1265px; width:100%} .wide_container{max-width: 1395px; padding: 0 15px;margin:0 auto; float:none; position: relative;} .full_row{width:100%; float:none; margin:0 auto} .small_container{max-width:910px; margin:0 auto; float:none; padding: 0 15px;} .site_full{max-width:1950px; margin:0 auto; position:relative; padding: 0 15px;} .main_page{margin-top: 90px} .main_header {z-index: 999; position: fixed; top: 0; width: 100%; /* background: #fff; */} /*.main_header:after{content: ''; background-image: url(../images/header_bak.png); position: absolute; right: 100px; pointer-events: none; background-repeat: no-repeat; background-position: top right; top: 0; height: 700px; width: 1000px; background-size: contain;} */ .main_page{position: relative;} .main_page:after {content: ''; background-image: url(../images/header-background.png); position: absolute; right: 100px; pointer-events: none; background-repeat: no-repeat; background-position: top right; top: -90px; height: 700px; width: 1000px; background-size: contain; /*z-index: 9999;*/ } .logo_col {position: absolute; top: 24px; left: 15px; transition:all ease .4s; z-index: 1;} .logo_col img{max-width: 335px; transition:all ease .4s; } .nav_cover > ul{text-align: center;} .nav_cover > ul > li{display: inline-block; margin: 0 10px; } .nav_cover > ul > li > a {position: relative; z-index: 1; font-size: 16px; font-weight: 900; color: #123193; padding:34px 0 40px; display: block; transition: all ease .4s} .nav_cover > ul > li.has_child > a:after {content: '...'; transition: all ease .4s; font-size: 20px; color: #213e9a; position: absolute; bottom: 20px; right: 0; left: 0; letter-spacing: 4px;} .nav_cover > ul > li > a:before {content: ''; width: 0; height: 7px; background: #213e9a; position: absolute; top: 0px; left: 0; transition: all ease .4s;} .nav_cover > ul > li > a:hover:before, .nav_cover > ul > li.has_child:hover a:before{width: 100%; transition: all ease .4s;} .nav_cover > ul > li.call_link {position: absolute; right: 125px; } .nav_cover > ul > li.side_menu {position: absolute; top: 18px; right: 15px; margin: 0; transition: all ease .4s;} .nav_cover > ul > li.side_menu a {border: 2px solid #00a652; padding: 14px 13px!important; color: #00a652; transition: all ease .4s;} .nav_cover > ul > li.side_menu a:hover, .nav_cover > ul > li.side_menu a:hover i{color: #fff; background: #00a652; transition: all ease .4s;} .nav_cover > ul > li.side_menu a:before{content: none;} .nav_cover > ul > li.side_menu a i {margin-left: 9px; } /*.sticky {overflow: hidden;}*/ .nav_up .nav_cover > ul > li > a{padding: 24px 0 30px; transition: all ease .4s;} .nav_up .logo_col{top: 20px; transition:all ease .4s; } .nav_up .logo_col img{max-width: 250px; transition:all ease .4s; } .nav_up .nav_cover > ul > li.side_menu{top: 12px; transition: all ease .4s;} .nav_up .nav_cover > ul > li.has_child > a:after{bottom: 15px; transition: all ease .4s;} .nav_up .nav_cover > ul > li.has_child:after {border-bottom: 12px solid #1e1e1e; border-left: 12px solid transparent; border-right: 12px solid transparent; margin-left: -14px; } .sticky.main_header{background: #fff;} .fly_out_menu{position: fixed; z-index: 9999; top: 0; right: 0; width: 0; max-width: 0; background: #1e1e1e; height: 100%; transition: all ease .4s;/* background-image: url(../images/header_bak.png);*/ background-position: top left -200px; background-size: contain; background-repeat: no-repeat;} .menu_list{margin-top: 120px; opacity: 0; visibility: hidden; padding: 20px 50px 50px; max-width: 565px;} .menu_list ul li{font-weight: 900; color: #9c9c9c; font-size: 16px; line-height: 24px;} .menu_list h3{color: #889ee2; font-size: 18px; line-height: 22px; font-weight: 700; /*font-family: 'Lato', sans-serif;*/ margin: 22px 0 5px} .menu_list ul li a{font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; font-size: 16px; line-height: 24px; position: relative; left: 0; transition: all ease .4s;} .menu_list ul li a:hover{color: #9c9c9c; left: 10px; transition: all ease .4s;} .closebar {opacity: 0; pointer-events: none; padding: 18px 15px 55px; position: fixed; max-width: 1920px; text-align: right; width: 100%; top: 0; z-index: 999999; left: 0; margin: 0 auto; display: table; right: 0;} .closebar .colse_menu{ font-size: 16px; color: #fff; font-weight: 900; padding: 16px 14px; background: #00a652; border-radius: 2px; display: inline-block; text-transform: capitalize;} .closebar .colse_menu:hover{background: #00954a;} .colse_menu i{margin-left: 12px;} .fly_out_menu.sidebar_menu{max-width: 1040px; width: 100%; } .fly_out_menu.sidebar_menu .closebar{pointer-events: auto; opacity: 1;} .sidebar_menu .menu_list{opacity: 1; transition: all ease .4s; visibility: visible;} .nav_cover{position: relative;} .nav_cover > ul > li.has_child:hover > .sub_menu{opacity: 1; visibility: visible; pointer-events: auto; top: 100%; transition: all ease .4s;} .sub_menu {overflow: hidden; position: absolute; width: 100%; left: 0; background: #444444; opacity: 0; visibility: hidden; pointer-events: none; top: 90%; transition: all ease .4s; z-index: 1;} .nav_cover > ul > li.has_child:after{z-index: 1; transition: all ease .4s; content: ''; height: 0; width: 0; border-bottom: 18px solid #1e1e1e; border-left: 18px solid transparent; border-right: 18px solid transparent; position: absolute; bottom: 0; margin-left: -20px; opacity: 0;} .nav_cover > ul > li.has_child:hover:after{opacity: 1; transition: all ease .4s; } .sub_menu .col{min-height: 265px; } .sub_menu .col >ol{margin: 15px 0;} .sub_menu .col > ol > li {max-width: 230px;} .sub_menu .col > ol {counter-reset: section; } .child_menu_list {/*pointer-events: none;*/ transition: all ease .4s; max-width: 1000px; padding: 30px; position: absolute; left: 245px; top: 0; background: #1e1e1e; height: 100%; opacity: 0; visibility: hidden; width: 100%; text-align: left; } /*.sub_menu .col > ol > li.active .child_menu_list {pointer-events: auto;}*/ .sub_menu .col > ol > li:hover > a, .sub_menu .col > ol > li.active > a, .active_effect.sub_menu .col > ol > li.active:hover > a{background: #1e1e1e; transition: all ease .4s;} .sub_menu .col > ol > li:hover:before, .sub_menu .col > ol > li.active:before, .active_effect.sub_menu .col > ol > li.active:hover:before {color: #889ee2; transition: all ease .4s;} .sub_menu .col > ol > li:hover > a i, .sub_menu .col > ol > li.active > a i, .active_effect.sub_menu .col > ol > li.active:hover > a i{opacity: 1; transition: all ease .4s;} .sub_menu .col > ol > li:before, .active_effect.sub_menu .col > ol > li.active:before{transition: all ease .4s; z-index: 1; color: #00a255; font-size: 10px; left: 30px; content: "0" counter(section, decimal); counter-increment: section; position: absolute; font-weight: 900; margin-top: 18px;} .sub_menu .col > ol > li > a, .active_effect.sub_menu .col > ol > li.active > a{position: relative; background: transparent; text-align: left; font-size: 16px; font-weight: 900; color: #fff; display: block; padding: 14px 20px 17px 40px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: all ease .4s;} .sub_menu .col > ol > li > a i, .active_effect.sub_menu .col > ol > li.active > a i{float: right; color: #889ee2; font-size: 18px; opacity: 0;} .sub_menu .col > ol > li:hover > .child_menu_list , .sub_menu .col > ol > li.active > .child_menu_list {/*pointer-events: auto; */opacity: 1; visibility: visible; transition: all ease .4s;} .white_box_wrapper {position: relative; max-width: 200px; min-height: 200px; max-height: 200px; text-align: center; background: #fff;} .white_box_wrapper img{max-width: 100%; width: 100%; margin: 0;} .white_box_wrapper .kcp_btn{position: absolute; bottom: 10px; left: 15px; width:calc(100% - 30px); padding: 11px 10px 10.5px; line-height: normal;text-decoration: none!important;} .child_menu_list:after{content: ''; height: 100%; width: 50%; background: #1e1e1e; position: absolute; left: 100%; top: 0; visibility: visible; opacity: 1; } .child_menu_list h3{font-size: 16px; line-height: 22px; color: #889ee2; font-weight: 700; margin-bottom: 10px;} .child_menu_list ul > li > a{display: block; font-size: 14px; line-height:24px; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; left: 0; transition: all ease .4s;} .child_menu_list ul > li > a:hover{left: 10px; color: #b6b5b5; transition: all ease .4s; } .child_menu_list ul > li > strong, .child_menu_list p strong {color: #9c9c9c; font-weight: 900; font-size: 14px; line-height: 18px; margin-bottom: 4px; display: block;} .child_menu_list .col-md-3:nth-child(2){padding-left: 25px;} .child_menu_list li {font-size: 14px; line-height: 20px; color: #fff; display: block;} .child_menu_list {pointer-events: none;} .sub_menu .col ol li:hover .child_menu_list {pointer-events: auto;} .has_child:hover .child_menu_list a{pointer-events: auto;} .mobile_mm_menu{display: none;} .arrows {position: absolute; left: 15px; bottom: 0px; z-index: 1; pointer-events: none; width: 4px; height: 87px; z-index: 1; pointer-events: auto; background: #213e9a; border-radius: 2px; } .arrows span {width: 4px; height: 30px; background: #00a652; border-radius: 2px; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite; display: block; pointer-events: all; margin: 0px 0; } .arrows span:first-child{margin-top: 0;} .arrows span:last-child{margin-bottom: 0;} .arrows .animation_arrow{padding: 0; display: block;} .arrows span.a1 {animation-delay:-1s; -webkit-animation-delay:-1s; } .arrows span.a2 {animation-delay:-0.5s; -webkit-animation-delay:-0.5s;} .arrows span.a3 {animation-delay:0s; -webkit-animation-delay:0s; } .arrows span{ color:#FFFFFF; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite; display:block;} /*.arrows:hover span.a2 { animation: arrow_hover_seen 2s infinite; -webkit-animation: arrow_hover_seen 2s infinite;} .arrows:hover span.a1, .arrows:hover span.a3{animation: arrow_hover_unseen 2s infinite; -webkit-animation: arrow_hover_unseen 2s infinite;}*/ @keyframes arrow {0% { background: #213e9a;} 40% {opacity:1; background: #00a652;} 80% { background: #213e9a;} 100% { background: #213e9a;} } @keyframes arrow_hover_seen {0% {opacity:1} 40% {opacity:1} 80% {opacity:1} 100% {opacity:1} } @keyframes arrow_hover_unseen {0% {opacity:0} 40% {opacity:0} 80% {opacity:0} 100% {opacity:0} } @-webkit-keyframes arrow {0% { background: #213e9a;} 40% {opacity:1; background: #00a652;} 80% { background: #213e9a;} 100% { background: #213e9a;} } .large_text{color: #000000; font-family: 'Exo 2', sans-serif; font-size: 45px; line-height: 55px; font-weight: 700; display: block; margin-bottom: 20px;} .top_border{position: relative; padding-top: 20px; display: block;} .top_border:before{content: ''; width: 14px; height: 6px; background: #213e9a; position: absolute; left: 0; top: 0;z-index: 1;} .top_border:after{content: ''; width: 44px; height: 6px; background: #00a652; position: absolute; top: 0; left: 0;} .kcp_btn {display: inline-block; font-size: 14px; color: #fff; background: #00a652; font-weight: 400; padding: 13px 22px 11.5px; border-radius: 2px; text-transform: uppercase; text-decoration: none!important; line-height: normal; } .kcp_btn:hover {background: #00954a; color: #fff;} .section_gap{padding: 60px 0;} .top_right_branding{position: relative;overflow: hidden;} .top_right_branding:after{content: ''; background-image: url(../images/top_right_branding.png); background-position: top right; position: absolute; top: 0px; background-repeat: no-repeat; height: 100%; width: 100%; pointer-events: none; max-width: 1265px; margin: 0 auto; left: 0; right: -390px;} .catalog_btn {margin-bottom:10px;} .main_banner{border-bottom: 1px solid #bcbcbc; padding-bottom: 30px;} .main_banner .img_wrapper img{max-width: 100%; width: 100%; height:auto !important; /* calc(100vh - 120px)*/; object-fit: cover; padding-left: 20px; z-index: 2; position: relative;} .main_banner_desc{padding: 35px 35px;} .main_banner_desc .large_text{margin-bottom: 15px;} .main_banner_desc p{margin: 0;} .checkout_box {background: #000 url(../images/about-box-background.jpg);background-size: 100% 115%; z-index: 2; background-repeat: no-repeat; box-shadow: 0 0 30px rgba(0,0,0,.3); background-position: top right; padding: 30px; max-width: 370px; } .main_banner .checkout_box { position: absolute; right: -165px; bottom: -31px;} @media all and (max-width: 1300px) { .main_banner .checkout_box { right: -5px; } } .checkout_box span {color: #fff; font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 13px; display: block;} .checkout_box a {color: #0ca859; display: inline-block; font-size: 17px; line-height: 24px;} .checkout_box a:hover{text-decoration: underline;} .main_banner .social_links{position: absolute; right: -50px; top: 50%; transform: translateY(-50%);} .social_links a{display: block; margin: 15px;} .social_links a i{color: #00a652; font-size: 25px; transition: all ease .4s;} .social_links a:hover i{color: #000; transition: all ease .4s;} .seasonal_band {border-bottom: 1px solid #bcbcbc; background-size: contain !important;} .hotspot_band .owl-carousel{display: flex; margin: 0;} .hotspot_band .owl-carousel .owl-controls{margin: 0 auto;} .hotspot_band .owl-theme .owl-controls .owl-nav .owl-prev, .hotspot_band .owl-theme .owl-controls .owl-nav .owl-next {color: transparent; position: relative; font-size: 0; padding: 10px; margin: 0 32px; } .hotspot_band .owl-theme .owl-controls .owl-nav .owl-prev:after{ content: 'Swipe'; pointer-events: none; position: absolute; color: #aeadad; font-size: 17px; line-height: 24px; font-family: 'Lato', sans-serif; font-weight: 400; top: -3px; left: 29px;} .hotspot_band .owl-theme .owl-controls .owl-nav .owl-prev:before{content: '\f0a8'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: #aeadad; font-size: 17px; position: absolute; left: 0; top: 0;} .hotspot_band .owl-theme .owl-controls .owl-nav .owl-next:before{content: '\f0a9'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: #aeadad; font-size: 17px; position: absolute; left: 0; top: 0;} .latest_truck {background-color: #fff; border-bottom: 1px solid #bcbcbc; padding-bottom: 325px;} .latest_truck .large_text{margin-bottom: 50px;} .truck_list{text-align: center;} .truck_list a {color: #000000; font-size: 22px; line-height: 28px; font-weight: 700; max-width: 215px; display: table; text-align: center; margin: 0 auto 40px; } .truck_list a:hover{color: #00a652; text-decoration: underline; transition: none;} .truck_list a img{max-height: 135px; max-width: 250px; transform: scale(1); transition: all ease .4s; min-height: 135px; object-fit: contain;} .truck_list a:hover img{transform: scale(1.2); transition: all ease .4s;} .latest_truck .truck_list.col-md-3 span{color: #454545; font-size: 17px; line-height: 25px; margin-top: 0; } .latest_truck .col-md-3:last-child{padding: 0 40px;} .latest_truck h2{margin-bottom: 25px; min-height: 85px;} .latest_truck .col-md-3 span a{font-size: 14px; margin-left: 15px; color: #00a652; line-height: 20px; display: block;text-transform: uppercase; margin-top: 18px;} .latest_truck .col-md-3 span a:hover{color: #00954a} .latest_truck p{color: #454545; font-size: 22px; line-height: 25px; font-weight: 400; margin-bottom: 30px;} .pump_band{ background-color: #f4f4f4; margin-top: -260px; background-image: url(../images/grey-texture-background.png); background-position: right -100px top 260px; background-repeat: no-repeat; background-size: 1000px; } .pump_differnce_box{position: relative; background-image: url(../images/difference-box-background.jpg); background-position: bottom right;background-repeat: no-repeat; padding: 60px 135px 60px 60px; background-size: cover;} .pump_differnce_box:after{content: url(../images/bottom-back.png); background-position: bottom right; position: absolute; right: 0; bottom:-3px;} .pump_differnce_box .large_text{color: #fff; padding-right: 55px;} .pump_differnce_box h2{color: #fff; margin-bottom: 22px;} .pump_differnce_box ul {margin: 0; padding: 0;} .pump_differnce_box ul li{font-size: 17px; color: #aeadad; line-height: 24px; padding-left: 30px;margin-bottom: 12px;} .pump_differnce_box ul li:last-child{margin-bottom: 0;} .pump_differnce_box ul li:before{color: #00a652; font-size: 25px;} .about_kcp img {margin-top: -60px; margin-left: -140px; margin-bottom: 60px; height: 455px; max-width: 685px; box-shadow: 0 0 30px rgba(0,0,0,.1);} .img_shadow{box-shadow: 0 0 30px rgba(0,0,0,.3); } .pump_band .col-md-5{padding-left: 45px;} .pump_band .col-md-5 h2{margin-bottom: 25px; text-transform: unset;} .hotspot_band{padding-bottom: 30px;} .hotspot_band .large_text{margin-bottom: 10px;} .hotspot_band h2{text-align: center; margin-bottom: 30px;} .hotspot_band{background-color: #f4f4f4;} .hotspot_box{display: block; position: relative; overflow: hidden; border: 2px solid #dedede; max-width: 360px; margin: 30px auto; box-shadow: 0 0 30px rgba(0,0,0,.15);} .hotspot_box:before{content: ''; z-index: 1; background-image: url(../images/hotspot_back.png); background-repeat: no-repeat; background-position: bottom right; height: 200px; width: 100%; position: absolute; bottom: 0;} .hotspot_band .hotspot_box h2{margin: 0; text-align: left; position: absolute; z-index: 2; color: #fff; padding: 0 30px; bottom:40px; min-height: 55px;} .hotspot_box img{max-width: 100%; /*height: 100%; object-fit: cover;*/ transition: all ease .4s; transform: scale(1);} .hotspot_box:hover{border-color: #00a652; box-shadow: none;} .hotspot_box:hover img{transform: scale(1.1); transition: all ease .4s;} .large_text.center.top_border{text-align: center;} .large_text.center.top_border:before{left: -30px; right: 0;margin: 0 auto;} .large_text.center.top_border:after{left: 0; right: 0;margin: 0 auto;} .our_pump{position: relative; background-color: #030302; overflow: hidden;} .our_pump:after{content: ''; max-width: 1920px; width: 100%; height: 100%;background-size: auto 100%; background-image: url(../images/testimonial_bg.jpg); background-position:top left; background-repeat: no-repeat; position: absolute; left: 0; top: 0; right: 0; margin: auto; pointer-events: none; } .our_pump ul li{padding-left: 30px;} .our_pump:before {content: ''; max-width: 1900px; width: 100%; height: 720px; background-image: url(../images/black-texture.png); background-position: top right; background-repeat: no-repeat; position: absolute; left: 0; top: 0; right: 0; margin: auto; pointer-events: none; z-index: 1; right: -200px; background-size: auto 70%; } .our_pump .small_container{position: relative;z-index: 2;} .our_pump span {color: #fff;} .circle_img img{border-radius: 50%; border: 2px solid #00a652} .testi_band{display: table;} .circle_img, .testi_desc{display: table-cell; vertical-align: top;} .testi_desc{margin-left: 50px; display: inline-block;} .testi_desc p{color: #aeadad; font-size: 17px; line-height: 24px;} .testi_desc ul li{font-size: 17px; line-height: 24px; color: #aeadad;} .testi_desc ul li strong{display: block; font-weight: 900;} .testi_desc ul li:before{color: #00a652; font-size: 25px;} .social_band{background-color: #f4f4f4;position: relative; z-index: 0;} .social_band:after{content: ''; max-width: 1500px; width: 100%; height: 100%; z-index: -1; background-image: url(../images/branding.png); background-repeat: no-repeat; background-position: top left; position: absolute; left: 0; top: 0;} .social_band .large_text{margin-bottom: 15px;} .social_band h2{text-align: center; margin-bottom: 60px;} .social_band h2 a, .latest_news_band h2 a{color: #00a652;} .social_band h2 a:hover{text-decoration: underline;} .social_band .col-md-4, .social_band .col-md-8{padding-bottom: 40px;} div#sbi_images{padding: 0!important;} #sb_instagram #sbi_images .sbi_item{padding: 0 20px 20px 0!important} .kcp_btn.social_btn {line-height: 14px; bottom: 0; position: absolute; padding: 13px 15px 11.5px 50px; left: 0; right: 0; max-width: 242px; /*display: table; width: max-content;*/ margin: auto; } .social_band .col-md-4 .kcp_btn.social_btn {right: 65px; max-width: 212px;} .social_band .kcp_btn.social_btn i{line-height: 38px; position: absolute; left: 0; top: 0; width: 38px; height: 38px; text-align: center; background: #008944;} .latest_news_band{position: relative; z-index: 1; background-color: #003c9e;} .latest_news_band:after{content: ''; background-image: url(../images/team.jpg); background-repeat: no-repeat; background-position: top center; background-size: contain; height: 100%; width: 100%; max-width: 1600px; margin: 0 auto; position: absolute; left: 0; right:0; top: 0; z-index: -1;} .latest_news_band span{color: #fff;} .latest_news_band h2{text-align: center; margin-bottom: 60px; color: #fff} .latest_news_band h2 a{color: #00a652;} .latest_news_band h2 a:hover{text-decoration: underline;} .latest_news_band .col-md-4:first-child .news_box{margin-left: 0;} .latest_news_band .col-md-4:last-child .news_box{margin-right: 0;} .news_box{overflow: hidden; position: relative; display: block; max-width: 360px; margin: 0 auto;} .news_box:after{content: ''; background-image: url(../images/news_top.png); position: absolute; top: 0; left: 0; max-width: 300px; height: 100px; background-position: top left; background-repeat: no-repeat; width: 100%;} .news_box img{max-width: 100%; border:2px solid transparent; transition: all ease .4s;} .news_box strong {position: absolute; top: 0; left: 0; color: #fff; z-index: 1; padding: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; } .news_box h4{transition: all ease .4s; color: #fff; font-size: 18px; line-height: 28px; font-weight: 700; margin: 15px 0; text-transform: none;} .news_box p{transition: all ease .4s; color: #aeadad; font-size: 17px; line-height: 24px; font-weight: 400;} .news_box:hover img{border-color: #00a652; transition: all ease .4s;} .news_box:hover h4{color: #00a652; transition: all ease .4s;} .news_box:hover p{color: #fff;transition: all ease .4s;} footer{background: #3d3d3d; box-shadow: 0 -10px 30px rgba(0,0,0,.2);} footer h4{font-size: 30px; text-transform: none; color: #000; font-weight: 900; text-transform: uppercase; line-height: 25px; position: absolute; top: 0; left: 15px;writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; text-align: right; transform: rotate(-180deg); width: 60px; max-height: 230px; } footer .site_full{padding-left: 75px; position: relative;} .footer_branding_wrapper{position: relative; max-width: 2250px; margin: 0 auto; display: table; width: 100%;} .footer_branding {max-width: 100%;} .footer_logo{position: absolute; right: 220px; top: 50px;} .top_footer{padding-bottom: 60px;} footer span{color: #fff; font-size: 20px; font-weight: 900; position: relative; padding-left: 15px; display: block;} .top_footer span{max-width: 175px;} footer span:after{content: ''; height: 55px; width: 2px; background: #fff; position: absolute; left: 0; opacity: .5; top: 0; left: 0;} .top_footer .row{margin-top: 20px;} .top_footer h3{font-size: 16px; color: #889ee2; font-weight: 700; line-height: 24px; margin-bottom: 6px;} .top_footer ul li a{color: #ffffff; font-size: 14px; line-height: 24px; position: relative; left: 0; font-family: 'Lato', sans-serif; font-weight: 400;} .top_footer ul li a:hover{color: #b6b5b5; left: 10px;} .top_footer h3 + ul + h3{margin-top: 20px;} footer .checkout_box{border:1px solid #626262; box-shadow: 0 0 15px rgba(0,0,0,.5); max-width: 260px; background-size: cover; margin-top: -20px;} footer .checkout_box h3{margin-bottom: 5px;} footer .checkout_box ul{margin-bottom: 0;} footer .checkout_box li{color: #889ee2; font-size: 14px; font-weight: 900; font-family: 'Lato', sans-serif; line-height: 24px;} footer .checkout_box li a:hover{text-decoration: none;} .middle_footer{padding: 30px 0; background: #000;} footer .middle_footer h4{color: #3b3b3b;} .middle_footer span{min-height: 110px;} footer .middle_footer span:after{height: 110px; background: #49a25b; opacity: 1;} .blog_box{display: block; padding-right: 25px;} .blog_box h5{font-size: 16px; color: #889ee2; font-weight: 700; line-height: 22px;} .blog_box:hover h5{text-decoration: underline;} .blog_box strong{font-size: 14px; color: #b6b5b5; font-weight: 400; display: inline;} .blog_box p{ font-size: 14px; color: #fff; display: inline;line-height: 22px; transition: all ease .4s} .blog_box:hover p{text-decoration: underline; color: #b6b5b5; transition: all ease .4s;} .bottom_footer{padding: 30px 0;} .bottom_footer span{display: inline-block; padding-left: 0; font-size: 13px; line-height: 18px;} .bottom_footer span:after{background: #49a25b; opacity: 1; left: -13px;} .bottom_footer p{font-size: 13px; line-height: 18px; color: #acacac;} .bottom_footer p a{ color: #fff;} .bottom_footer p a:hover{text-decoration: underline;} .bottom_footer .col-md-9 p{padding-left: 15px; padding-right: 30px;} .bottom_footer .col-md-3 p{float: left; font-size: 13px;} .bottom_footer .col-md-3 p strong{display: block; font-size: 13px; color:#fff; line-height: 22px;} .signature-desc{float: right; margin-top: 3px;} .signature-desc a { width: 125px;} .normal-signature{opacity: 1; position: absolute;} .hover-signature{opacity: 0;} .signature-desc a:hover .hover-signature{opacity: 1;} .signature-desc a:hover .normal-signature{opacity: 0;} .mob_img{display: none;} /*============================================ Inner page ==================================*/ .page_title .col-md-12 {background: url(../images/inner-page-title.jpg); background-size: cover; padding: 20px 60px 25px 25px; min-height: 145px;} .page_title span{text-transform: capitalize; font-size: 45px; font-weight: 700; color: #fff; line-height: 50px; max-width: 850px; display: inline-block;} .page_title .heading{background: #fff url(../images/heading_back.jpg);background-repeat: no-repeat; background-position: bottom right; padding: 13px 25px 19px; position: absolute; max-width: 410px; width: 100%; z-index: 1; right: 60px; bottom: -38px; box-shadow: 0 0 30px rgba(0,0,0,.3);} .page_title .heading h1{color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 0;max-width:80%;} .page_title .social_links{position: absolute; right: 8px; top: 50%; transform: translateY(-50%);} .page_title .social_links i{font-size: 20px;} .page_title .social_links a:hover i{color: #fff;} .normal-band.remove_pad .container h3{/*margin-top: 0;*/ margin-top: -30px;} .accordion_heading {cursor: pointer; position: relative; border: 1px solid #e7e7e7; padding: 20px 50px 20px 30px; background: #f4f4f4; border-left: 7px solid #e7e7e7; transition: all ease .4s; border-top: none; font-size: 24px; line-height: 31px; color: #010101; font-weight: 700; } .accordion_heading:first-child{border-top: 1px solid #e7e7e7;} .accordion_heading i {right: 20px; font-size: 18px; color: #56af46; position: absolute; line-height: 30px; top: 22px;} .accordion_heading.active{ border-left-color: #00a652; transition: all ease .4s; border-bottom: none;} .accordion_heading.active, .accordion_heading:hover {background: transparent; transition: all ease .4s;} .accordion_heading.active i{transform: rotate(45deg);} .accordion_contents{padding: 30px; border: 1px solid #e7e7e7;} .accordion_contents h2{margin-bottom: 20px;} .gray_band{background: #f4f4f4 url(../images/grey_texture.png); background-repeat: no-repeat; background-position: top right -200px;} .gallery_band{text-align: center;} .gallery_band span + p{margin-bottom: 0; max-width: 850px; margin: 0 auto; display: table;} .grid-item { width: 300px;} li.grid-item a{display: block; padding: 8px; height: 100%;} li.grid-item img{max-width: 100%; width: 100%; height: 100%;border: 2px solid #969696; transition: all ease .4s;} li.grid-item a:hover img{border-color: #00a652; transition: all ease .4s;} #colorbox{margin-top: -90px;} .cboxPhoto{max-width: calc(100vw - 200px) !important; max-height: calc(100vh - 200px) !important; width: auto!important;} /*.cboxPhoto{max-width: 100vw !important; max-height: 100vh !important;}*/ .contact_band{padding-bottom: 20px;} .contact_band form.wpcf7-form {padding: 25px 30px 70px; border: 2px solid #969696; max-width: 360px; background-image: url(../images/form_back.jpg); background-repeat: no-repeat; background-position: bottom left; } .contact_band h4 {font-size: 22px; line-height: 28px; color: #000000; text-transform: none;} .contact_band form h4{margin-bottom: 18px;} .contact_band img{max-width: 100%;} .contact_band p{ font-family: 'Exo 2', sans-serif;} .contact_band p a:first-child{font-size: 22px;} .contact_band p a{font-size: 17px; color: #454545; line-height: 28px; font-family: 'Exo 2', sans-serif;} .contact_band p a:hover{color: #00a652; transition: none;} .contact_band img{border:2px solid #969696; margin: 5px 0 !important;} .contact_band h4 + p span{margin-top: 5px; display: block;} .contact_band form br{display: none;} .contact_band h3{max-width: 300px; margin-bottom: 25px;} .contact_band .col-md-4:last-child p a{color: #00a652;display: block;/* width: 75px; */} .contact_band p strong{color: #000;} .callout_box{margin-bottom: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: space-between; position: relative; background: #f4f4f4 url(../images/call_out_back.png); background-repeat: no-repeat; background-position: left; background-size: auto 100%; padding: 30px 170px 30px 145px;} .callout_box:after{content: ''; background-image: url(../images/call_out_brand.png); width: 100%; height: 70px; background-position: right bottom; background-repeat: no-repeat;pointer-events: none; position: absolute; right: 0; bottom: 0;} .callout_box h3{margin: 0!important;} .callout_box h4{text-transform: none; font-size: 22px; line-height: 29px; margin: 0; color: #454545;} .callout_box a{display: inline-block;} .callout_box a:first-child{color: #00a652; font-weight: 700; margin-right: 15px; font-size: 14px;} .callout_box a:first-child:hover{text-decoration: underline;} .term-truck-mounted-boom-pumps .page_title .heading{bottom: -26px; padding: 16px 25px;} .taxo_content h3{margin-bottom: 25px;} .taxo_content ul li a{color: #0ca859; font-size: 17px; line-height: 28px;} .taxo_content ul li a:hover{color: #00954a; text-decoration: underline;} .taxo_content .large_text{font-size: 30px; line-height: 38px; margin-top: 20px; padding-top: 15px; padding-right: 60px; margin-bottom: 25px;} .used_pumps {position: relative;margin: 0 0 25px 0; display: inline-block; max-width: 250px;} .used_pumps img{margin: 0 0 25px 0; max-width: 100%; border: 1px solid #969696;} .used_pumps p{position: absolute; z-index: 1; top: 20px; background-image: url(../images/shadow.png); background-position: right center; right: -7px; color: #fff; padding: 12px 13px 7px 30px; font-weight: 700; font-size: 17px; background-repeat: no-repeat; } .taxo_content .top_bar {display: flex; background: #032f99; box-shadow: 0 0 30px rgba(0,0,0,.1); } .top_bar .right_content{padding: 30px; background: url(../images/top_back.png); width: 100%; background-size: auto 100%; background-position: right -1px bottom; background-repeat: no-repeat;} .top_bar .right_content h4{font-size: 22px; color:#ffffff; line-height: 28px; margin-bottom: 20px; text-transform: none; max-width: 390px;} .taxo_content .top_bar img{object-fit: cover;} .top_bar .right_content ul{margin-bottom: 0; padding-bottom: 0;} .top_bar .right_content ul li{color: #fff; padding-left: 30px;} .top_bar .right_content ul li:before{color: #0ca859;} .taxo_content .truck_list{margin: 50px 0 0;} .taxo_content .truck_list:nth-last-child(-n+3){margin-bottom: 0;} .taxo_content .truck_list p a{color: #00954a; font-size: 17px; line-height: 25px; margin-top: 15px; font-weight: 400;} .taxo_content .truck_list a{margin-bottom: 30px;} .taxo_content .truck_list a:hover, .taxo_content .truck_list a{text-decoration: none; transition: all ease .4s;} .taxo_content .truck_list p a:hover{text-decoration: underline;} .page_title p{color: #fff; margin: 0; text-transform: uppercase;} .concrete_pump-template-default .page_title .heading {bottom: -60px;} .concrete_pump-template-default .page_title .col-md-12{padding-bottom: 7px;} .concrete_pump-template-default .page_title .heading h1{max-width: 300px;} .featured_img {padding: 10px 0; text-align: center;} .featured_img img{max-width: 100%;} .btn_section{max-width: 332px; background: #00a652 url(../images/btn-section-back.png); background-position: top left; background-repeat: no-repeat; padding: 22px; top: -40px; position: relative; } .finance_box { top: -32px; right: 15px; position: absolute; width: 332px; max-width: 100%; } .finance_box img { max-width:100%; } .finance_box:hover img { box-shadow: 0 0 30px rgba(0,0,0,.3); } .kcp_btn.white_btn {background: #fff; font-size: 14px; color: #00a652; box-shadow: 0 2px 5px rgba(0,0,0,.45); padding: 13px 14px 11.5px; } .kcp_btn.white_btn:hover{background:#00a652; color: #fff; } .kcp_btn.brd_btn{background: transparent; border: 2px solid #fff; padding: 11px 14px 9.5px; color: #fff; margin-left: 10px; } .kcp_btn.brd_btn:hover{background: #fff; color: #00a652;} .kcp_btn.brd_btn i{margin-right: 7px;} .single_concrete_pump{position: relative; padding-top: 0; background-image: url(../images/kcp_back.png); background-position: right bottom; background-repeat: no-repeat;} .single_concrete_pump > .container > .row{position: relative;} .single_concrete_pump > .container > .row:before{content: ''!important; z-index: 1; visibility: visible; width: 2px; height: 50px; background: #00a652; position: absolute; top: 102px; left: calc(50% - 30px);} .single_concrete_pump > .container > .row:after{ content: ''; width: 2px; background: #123193; height: calc(100% - 102px); position: absolute; left: calc(50% - 30px); top: 102px; } .single_concrete_pump h3{margin: 10px 0 20px;} .single_concrete_pump ul{margin-bottom: 30px;} .single_concrete_pump .col-md-6:last-child ul, .single_concrete_pump .col-md-6:last-child ul li:last-child{margin-bottom: 0;} .single_concrete_pump li{margin-bottom: 12px; font-size: 17px; color: #454545; line-height: 20px; width: 50%; float: left; padding-right: 15px;} .single_concrete_pump li strong {color: #123193; font-size: 13px; line-height: 15px; text-transform: uppercase; font-weight: 700; display: block; } .diagram_band h3{margin-bottom: 10px; display: inline-block;} .diagram_band li a{border: 2px solid #969696; display: table; margin-top: 20px;} .diagram_band a:hover{border-color: #00a652;} .diagram_band a{border: 1px solid #969696; display: table; margin-top: 20px;} .diagram_band a img{max-width: 100%;} .diagram_band .col-md-6:last-child a img{padding: 15px;} .single_post img{max-width: 100%;} .single_post strong {display: block; margin: 20px 0 0; color: #00a84a; } #cboxLoadedContent button:focus{outline: none!important;} #flyout-content-id-382 .flyout-content {background-size:auto !important;} #flyout-content-id-382 .flyout-content h4 {margin-bottom: 20px;} #flyout-content-id-382 .flyout-content .wpcf7-response-output {color:black;} #flyout-content-id-382 .flyout-content .send_btn i {right:28%;} .bne-flyout-wrapper input[type="text"], .bne-flyout-wrapper input[type="password"], .bne-flyout-wrapper input[type="date"], .bne-flyout-wrapper input[type="datetime"], .bne-flyout-wrapper input[type="email"], .bne-flyout-wrapper input[type="number"], .bne-flyout-wrapper input[type="search"], .bne-flyout-wrapper input[type="tel"], .bne-flyout-wrapper input[type="time"], .bne-flyout-wrapper input[type="url"], .bne-flyout-wrapper textarea, .bne-flyout-wrapper select { border: 2px solid transparent; border-bottom-color: #00a652;} .img_branding {position: relative;} .img_branding:after{content:''; position: absolute;bottom:2px;left:2px;background-image: url(../images/corner_graphic.png); background-repeat: no-repeat; height: 150px; width: 288px;} /* Responsive YouTube Video */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*========================================== Back To Top =============================================*/ .cd-top{position: fixed; bottom: 50px; right: 50px; font-size: 30px; font-weight: 600; border: none; outline: none; color: white; cursor: pointer; height: 50px; width:50px; line-height: 50px; border-radius: 4px; background-color: rgb(0, 173, 85); text-align: center; opacity: 0; overflow: hidden; transition: opacity 1s ease 0s, visibility 1s ease 0s; visibility: hidden; white-space: nowrap; z-index: 9;} .cd-top i {color: #ffffff; transition:all 1s ease 0s; font-weight: 700} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; -moz-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; transition: opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s} .cd-top.cd-is-visible {visibility: visible; opacity: 1;} .cd-top:hover {background-color:rgb(0, 60, 158);} @media only screen and (min-width : 1025px) { #mobile_menu {display:none;} } @media all and (min-width: 1920px) { .main_banner .img_wrapper img{height: auto;} } @media all and (max-width: 1500px) { .main_banner .social_links{right: 0;} .fly_out_menu.sidebar_menu{max-width: 1000px;} .top_right_branding{overflow: hidden;} .about_kcp img {max-width: 560px; object-fit: cover;} .footer_logo {right: 115px; top: 20px;} .signature-desc{float: left; width: 100%;} .our_pump:after{background-position: -325px center;} .our_pump:before{background-size: 700px;} } @media all and (max-width: 1360px) { .logo_col{top: 30px;} .logo_col img, .nav_up .logo_col img{max-width: 230px;} .latest_truck .col-md-3:last-child{padding: 0 15px;} .truck_list a img{max-width: 100%;} .normal-band .small_container .alignright{margin-right: auto;} .main_banner_desc {padding: 35px 20px;} .our_pump:after{content: none;} } @media all and (max-width: 1199px) { .main_page{margin-top: 68px;} .main_banner_desc{padding: 30px 0;} .fly_out_menu.sidebar_menu{max-width: 600px;} .logo_col img, .nav_up .logo_col img{max-width: 200px;} .nav_cover > ul > li > a, .nav_up .nav_cover > ul > li > a{padding:24px 0 30px; font-size: 14px;} .nav_cover > ul > li.has_child > a:after {bottom: 15px; } .nav_cover > ul > li.side_menu, .nav_up .nav_cover > ul > li.side_menu{top: 8px;} .logo_col, .nav_up .logo_col{top: 20px;} .main_banner .img_wrapper img{/*height: calc(100vh - 97px);*/ height:600px;} .footer_logo {right: 116px; top: 20px; max-width: 250px;} .social_band .col-md-4 p{overflow: hidden;} .social_band .col-md-4 .kcp_btn.social_btn {right: 0;} .page_title span{font-size: 30px; line-height:35px;} .page_title .col-md-12{padding-bottom: 60px;} .callout_box{padding: 30px 40px 30px 145px;} .callout_box h3{font-size: 20px; line-height: 25px;} .callout_box h4{font-size: 17px; line-height: 22px;} .taxo_content .large_text{padding-right: 0;} } @media all and (max-width: 1024px) { .main_page{margin-top: 40px;} #colorbox{margin-top: -40px;} .mobile_mm_menu {display: block; position: fixed; right: 0; top: 0; width: 95px; height: 40px; line-height: 40px; } .main_header:after{background-size: 400px; background-position: center; left: 0; right: 0; margin: auto; height: 100px; top: 100%; width: 358px; z-index: -1;} .main_nav .nav_cover{display: none;} .logo_col{position: static;} .main_header{background: #e7e7e6; padding: 10px 15px; transition: all ease .4s; } .logo_col img, .nav_up .logo_col img{max-width: 160px;} .mobile_mm_menu strong{color: #213e9a; font-size: 16px; font-weight: 700; margin-right: 8px;} .mobile_mm_menu span{width: 32px; height: 4px; border-radius: 2px; position: absolute; right: 15px;} .mobile_mm_menu .top_bar{background: #00a652; top: 15px;} .mobile_mm_menu .bottom_bar{background: #213e9a; top: 23px;} #sb_instagram #sbi_images .sbi_item {padding: 0 5px 10px !important; } .cboxPhoto{max-height: unset!important; height: auto !important;} /*.sticky_mob_nav {display: block; padding: 5px 15px; background: #fff; position: fixed; width: 100%; top: 0; left: 0; z-index: 99; transition: all ease .4s; } .toggle_mob_menu {position: fixed; display: block; right: 15px; top: 5px; height: 22px; } .toggle_mob_menu span:after{content: ''; width: 26px; height: 3px; background: #434343; border-radius: 3px; position: absolute; } .toggle_mob_menu .first_bar:after{top: 1px; } .toggle_mob_menu .last_bar:after{top: 6px; } .toggle_mob_menu strong{color: #434343; font-size: 13px; font-weight: 700; position: relative; bottom: -7px;} .mm-listview strong{display: block; padding: 11px 20px; color: #fff; } .mm-listview strong a{color: #fff;}*/ .main_banner .img_wrapper img{height: 500px /*calc(100vh - 118px)*/;} .large_text{font-size: 35px; line-height: 42px;} .truck_list a img{font-size: 20px;} .about_kcp img {max-width: 500px;} .pump_differnce_box{padding: 30px; overflow: hidden;} .about_kcp img{max-width: 100%; margin: 0 0 30px 0; height: auto;} .pump_band .col-md-5{padding-left: 15px;} .latest_truck{padding-bottom: 250px;} .pump_differnce_box .large_text{padding-right: 0;} .pump_band{background-position: top center;} .cd-top {bottom: 20px; right: 20px; font-size: 18px; cursor: pointer; height: 35px; width: 35px; line-height: 35px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) /*and (orientation:portrait)*/ { } /********************************* ipad portrait #ip ********************************/ @media only screen and (min-width : 768px) and (max-width: 1000px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left} .col-md-12 {width: 100%} .col-md-11 {width: 91.66666667%} .col-md-10 {width: 83.33333333%} .col-md-9 {width: 75%} .col-md-8 {width: 66.66666667%} .col-md-7 {width: 58.33333333%} .col-md-6 {width: 50%} .col-md-5 {width: 41.66666667%} .col-md-4 {width: 33.33333333%} .col-md-3 {width: 25%} .col-md-2 {width: 16.66666667%} .col-md-1 {width: 8.33333333%} p, .content_row ul li, .content_row ol li{font-size:18px} p.intro{font-size:20px} .hidden-tab {display:none} /* Image Alignment */ .alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none; display: block; max-width:100%;} .visible_tab{display:block !important} .main_banner .row{flex-direction: column-reverse; text-align: center;} .main_banner .img_wrapper img{height: auto;} .main_banner .col-md-8, .main_banner .col-md-4{width: 100%; max-width: 100%; flex: auto;} .main_banner{padding: 0; border: none; overflow: hidden;} .main_banner .wide_container{padding: 0;} .main_banner .large_text.top_border:before {left: -30px; right: 0; margin: 0 auto; } .main_banner .large_text.top_border:after {left: 0; right: 0; margin: 0 auto; } .main_banner_desc .kcp_btn{position: relative; z-index: 2;} .main_banner .img_wrapper img{padding-left: 0; margin-top: -50px;} .main_banner .arrows{display: none;} .latest_truck .col-md-3 span a{margin-left: 0;} .main_banner .checkout_box {position: relative; right: auto; bottom: 0; width: 100%; max-width: 100%; text-align: left; background-size:contain;} .checkout_box a{display: block;} .main_banner .social_links{display: none;} .latest_truck .col-md-3.truck_list{width: 33.33333333%; flex:33.33333333%;} .latest_truck .col-md-3{width: 100%; max-width: 100%; flex: auto;} .latest_truck h2{min-height: unset; margin: 60px 0 10px;display: block; display: inline-block;} .top_right_branding:after{content: none;} .hotspot_band .hotspot_box h2{font-size: 16px; line-height: 20px; padding: 0px 15px; bottom: 10px;} .hotspot_box:before{background-size: 100%;} .news_box h4, .news_box p{font-size: 16px; line-height: 24px;} .top_footer ul li a{font-size: 12px;} .footer_logo {right: 75px; top: 18px; max-width: 180px; } .contact_band .col-md-4:first-child, .contact_band .col-md-4:nth-child(2){width: 50%; flex: 0 0 50%; max-width: 50%;} .contact_band .col-md-4:last-child{width: 100%; flex: auto; max-width: 100%; margin-top: 50px;} .contact_band h3{max-width: 100%;} .callout_box{display: block; text-align: center; padding: 30px;} .btn_wrapper{margin-top: 20px;} .taxo_content > .container > .row{flex-direction: column-reverse;} .taxo_content .side_bar, .taxo_content .right_content_bar{flex: auto; width: 100%; max-width: 100%;} .taxo_content .side_bar {text-align: center; margin-top: 30px;} .side_bar .large_text.top_border:before {left: -30px; right: 0; margin: 0 auto; } .side_bar .large_text.top_border:after {left: 0; right: 0; margin: 0 auto; } .single_concrete_pump li{width: 100%; float: none;} .our_pump:before {background-size: 600px; } .pump_band{margin-top: 0;} .latest_truck{padding-bottom: 25px;} footer .checkout_box {padding: 20px; margin-top: 0;} } /* ================================= Common For All mobile definitions #mx ================================= */ @media all and (max-width: 767px) { html * {max-height:1000000px} .x {display:none} h3{font-size: 25px; line-height: 32px;} p, .content_row ul li, .content_row ol li{font-size:18px; line-height:24px;} .content_row ul li, .content_row ol li{padding-left: 30px;} p.intro{font-size:20px; line-height:30px} /* Image Alignment */ .alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto !important; float:none; display: block; max-width: 100%;} .section_gap{padding: 30px 0; } .top_right_branding:after, .our_pump:after{content: none;} .main_banner {overflow: hidden;} .main_banner .row{flex-direction: column-reverse; text-align: center;} .main_banner .img_wrapper img{height: auto;} .main_banner .col-md-8, .main_banner .col-md-4{width: 100%; max-width: 100%; flex: auto;} .main_banner{padding: 0; border: none;} .main_banner .wide_container{padding: 0;} .main_banner .large_text.top_border:before {left: -30px; right: 0; margin: 0 auto; } .main_banner .large_text.top_border:after {left: 0; right: 0; margin: 0 auto; } .main_banner .img_wrapper img{padding-left: 0; margin-top: -50px;} .main_banner_desc .kcp_btn{position: relative; z-index: 2;} .main_banner .arrows{display: none;} .latest_truck .col-md-3 span a{margin-left: 0;} .main_banner .checkout_box {position: relative; right: auto; bottom: 0; width: 100%; max-width: 100%; text-align: left; background: #000;} .checkout_box a{display: block; font-size: 15px; line-height: 22px;} .main_banner .social_links{display: none;} .large_text{font-size: 30px; line-height: 36px; padding-top: 15px; margin-bottom: 15px;} .main_banner .large_text.top_border:before, .latest_truck .large_text.top_border:before {left: -30px; right: 0; margin: 0 auto;} .main_banner .large_text.top_border:after, .latest_truck .large_text.top_border:after{left: 0; right: 0; margin: 0 auto;} .checkout_box{padding: 15px;} .checkout_box br{display: none;} .latest_truck{text-align: center;} .latest_truck .large_text, .truck_list{margin-bottom: 30px;} .latest_truck h2 {margin: 20px 0 10px; min-height: auto; } .pump_band{margin-top: 0;} .about_kcp img{display: none;} .mob_img{display: block;} .pump_band .mob_img{margin: 0 auto; max-width: 100%; width: calc(100% - 80px); margin-bottom: -20px; position: relative; z-index: 1;} .pump_band .col-md-7{padding: 0;} .pump_differnce_box {padding:40px 15px 80px; margin-bottom: 20px;} .pump_differnce_box h2{margin-bottom: 15px;} .pump_differnce_box ul li{font-size: 15px; padding-left: 20px;} .hotspot_band{padding-top: 30px;} .hotspot_band .hotspot_box h2{font-size: 16px; line-height: 20px; padding: 0px 15px; bottom: 20px;} .hotspot_box:before{background-size: 100%;} .our_pump:before{background-size: 450px;} .news_box{margin: 0 auto 30px!important;} .testi_band{margin-top: 30px;} .testi_desc{margin-left: 20px;} .testi_desc p{font-size: 16px; line-height: 22px;} footer {text-align: center;} .top_footer span {max-width: 100%; margin-bottom: 15px; line-height: 28px; } .top_footer h3{margin: 10px 0 5px;} footer .checkout_box{margin: 20px auto 0;} footer h4{transform: none; width: 60px; max-height: unset; height: auto; width: 100%; text-align: center; position: static; margin: 0px 0 15px 0; min-height: auto; writing-mode: unset; } footer h4 br{display: none;} footer .site_full{padding-left: 15px;} footer span:after{content: none;} .middle_footer span {min-height: auto; margin-bottom: 15px; } .footer_logo{position: static; margin: 30px 0;} .top_footer{padding-bottom: 30px;} .bottom_footer .col-md-3{margin-top: 20px;} .bottom_footer p{padding-left: 0;} .bottom_footer .col-md-3 p, .signature-desc{float: none;} .social_band .col-md-4 p{margin: 0 auto; display: table; margin-bottom: 30px; overflow: hidden;} .social_band .col-md-4 .kcp_btn.social_btn{position: relative; margin: 0 auto; display: table;} .social_band h2{margin-bottom: 30px;} .page_title{margin-bottom: 40px;} .page_title .heading{width: calc(100% - 30px); right: 15px; max-width: 100%;} .normal-band.remove_pad .container h3{margin-top: 0;} .accordion_contents{padding: 20px;} .accordion_heading{padding: 10px 40px 10px 20px; font-size: 20px; line-height: 25px;} .accordion_heading i{top: 8px;} .callout_box{display: block; text-align: center; padding: 30px 15px 50px; background-image: none;} .btn_wrapper{margin-top: 20px;} .contact_band {text-align: center;} .contact_band img{margin: auto;} .contact_band form{margin: 0 auto 30px ; text-align: left;} .contact_band h3 {max-width: 100%; margin: 30px 0 10px; } .contact_band .col-md-4:last-child p a{width: 100%;} .taxo_content .top_bar{display: block; background: transparent; box-shadow: none; background: transparent;} .taxo_content .top_bar img{ width: 100%; max-width: 100%;} .top_bar .right_content{padding: 30px 15px;} .taxo_content > .container > .row{flex-direction: column-reverse;} .taxo_content .side_bar, .taxo_content .right_content_bar{flex: auto; width: 100%; max-width: 100%;} .taxo_content .side_bar {text-align: center; margin-top: 30px;} .side_bar .large_text.top_border:before {left: -30px; right: 0; margin: 0 auto; } .side_bar .large_text.top_border:after {left: 0; right: 0; margin: 0 auto; } .single_concrete_pump li{float: none; width: 100%; padding-right: 0;} .concrete_pump-template-default .page_title .col-md-12{padding-bottom: 20px;} .concrete_pump-template-default .page_title .heading {bottom: auto; } .btn_section{top: 0; margin: 0 auto 30px;} .finance_box { position: relative; top: 0; left: 0; margin: 0 auto 30px; } .single_concrete_pump {text-align: center;} .single_concrete_pump > .container > .row:after, .single_concrete_pump > .container > .row:before{content: none!important;} .single_concrete_pump{background-image: none;} .diagram_band li a, .diagram_band a{margin: 20px auto 30px;} .diagram_band h3{width: 100%; text-align: center;} .blog_box{margin-bottom: 20px;} .social_band .col-md-4 p{margin-bottom: 20px;} .bottom_footer .col-md-9 p{padding-left: 0;} .top_footer h3 + ul + h3 {margin-top: 10px; } .grid-item {width: 100%; margin: 0 auto; height: auto; } .cboxPhoto{max-width: 300px!important; max-height: 300!important; height: unset !important; height: 300px!important;} .large_text br{display: none;} .page_title .col-md-12 {margin-top: 95px; padding-top: 50px; padding-bottom: 25px; } .page_title .heading {bottom: auto; position: absolute; top: -60px; max-width: 100%; left: 15px; } .term-truck-mounted-boom-pumps .page_title .col-md-12 { margin-top: 70px; } .term-truck-mounted-boom-pumps .page_title .heading{top: -45px;} .term-truck-mounted-boom-pumps .page_title .heading{bottom: auto;} .btn_section .kcp_btn{display: block; width: 100%;} .btn_section .kcp_btn.brd_btn{margin-left: 0; margin-top: 20px;} .blog_box , .bottom_footer .col-md-9 p{padding-right: 0;} } /********************************* ipad landscape #il ********************************/ @media only screen and (min-width : 1001px) and (max-width: 1024px) { } @media only screen and (min-width : 1025px) and (max-width: 1100px) { } /* ================================= Small Computer #Sc ================================= */ @media only screen and (min-width : 1300px) { .first_col , .first_li{padding-left:0 !important; margin-left:0 !important} .last_col , .last_li{padding-right:0 !important; margin-right:0 !important} } /* ================================= Large Computer #lc ================================= */ @media screen and (min-width: 1450px) {} /* IE10 Only CSs */ @media screen and (min-width:0\0) {} /* ie10, ie11+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {} /********************************* Mobile Potrait #MP ********************************/ @media screen and (max-width: 580px) and (orientation: portrait) { } @media screen and (max-width: 480px) and (orientation: portrait) { .testi_band{display: block;} .testi_desc{margin: 30px 0 0;} .circle_img, .testi_desc{display: unset;} .circle_img img{margin: 0 auto 30px; display: table;} } @media screen and (max-width: 360px) and (orientation: portrait) { } /********************************* Mobile Potrait ********************************/ @media screen and (max-width: 480px) and (orientation: portrait) { .cboxPhoto{max-width: 260px!important; max-height: 300!important; height: unset !important; height: 240px!important;} } /********************************* Mobile landscape ********************************/ @media screen and (max-width: 1000px) and (orientation: landscape) { .cboxPhoto{max-width: 260px!important; max-height: 300!important; height: unset !important; height: 240px!important;} }