/* @import url('http://example.com/example_style.css'); */ @import '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'; @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* coomont */ /** * Border Radius * * */ /* */ /* */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; } body { margin:0; padding:0; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color: #666666; } h1 { font-family: 'Source Sans Pro', sans-serif; color:#3f9650 !important; padding:8px 0 8px; margin:0; font-size:64px; line-height:64px; font-weight: 900; text-transform: inherit; } h2 { font-family: 'Source Sans Pro', sans-serif; color:#000; padding:0px 0 20px; margin:0; font-weight:400; } h3 { font-family: 'Source Sans Pro', sans-serif; color:#3f9650 !important; padding:10px 0 10px; margin:0; font-size:28px; line-height:32px; font-weight: 600 !important; } h4 { font-family: 'Source Sans Pro', sans-serif; color:#000; padding:10px 0 10px; margin:0; font-size:20px; line-height:27px; font-weight: 900; } h5 { font-family: 'Source Sans Pro', sans-serif; color:#000; padding:10px 0 10px; margin:0; font-size:18px; line-height:24px; font-weight: 400; } h6 { font-family: 'Source Sans Pro', sans-serif; color:#000; padding:10px 0 10px; margin:0; font-size:16px; line-height:24px; font-weight: 400; } img { max-width:100%; height:auto; border:none; } a { text-decoration:none; color: #3f9751; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } a:hover{ color: #3f9751; } p { margin:0; } * + h1, * + h2, * + h3 { margin-top:25px; } * + h4, * + h5, * + h6 { margin-top:20px; } * + p { margin-top:15px;} ::selection{background-color:#3f9751; color:#fff;} ::-moz-selection{background-color:#3f9751; color:#fff;} ::-ms-selection{background-color:#3f9751; color:#fff;} .row-fluid .container{ max-width:1200px; margin:0 auto !important; float:none; padding:0 15px; } .row-fluid .bgimg-main,.row-fluid .bgimg-main1 { background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .bg-img,.row-fluid .bg-img1 { display:none; } .row-fluid [class*="span"] { min-height:1px; } .header-container-wrapper .row-fluid [class*="span"] { min-height:0; } input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:1px solid #ccc; background:#fff; height:50px; padding:0 20px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; width:100%; border-radius: 5px; } input[type=checkbox] , input[type=radio] { width:auto; height:auto; } textarea { padding:15px 20px; height:100px; padding-top:10px !important; } input[type=submit] , button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #39A7DF; -webkit-appearance: none; width: 100%; height: 55px; font-size: 18px !important; text-transform: inherit !important; font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; margin-top: 12px !important; display:inline-block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } input[type=submit]:hover , button:hover { background-color:#C43B48; } select{ background-image: url(https://cdn2.hubspot.net/hubfs/1766640/Image2019/arrow.svg); color: #777; background-repeat: no-repeat; background-size: 12px; background-position: 95% 50%; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; } .hs-form .input { margin:0; } .hs-form .hs-form-field { padding:0 0 15px; } .row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 } .row-fluid .hs-form fieldset .hs-input { width:100% !important; max-width:100%; padding-top: 0px; line-height: 24px; } .row-fluid .hs-form fieldset { max-width:none; } .row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid .hs-form fieldset input[type="radio"] { width:auto !important; } ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; } .row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .row-fluid .inputs-list input[type="radio"] { top:3px; } .row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; } .row-fluid .inputs-list input[type="checkbox"] + span:before { position:absolute; left:-25px; top:0; content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; } .row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #dadada; background:#fafafa; border-radius:100%; } .row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#333; background:#3333; border-radius:100%; } .hs-form-required{ display:none; } form.hs-form fieldset .hs-form-field{ padding: 0 0px 0 0; } label span{ font-size: 15px; font-weight: 400; padding-bottom: 8px; line-height: 26px; letter-spacing: 1px; } ul.hs-error-msgs.inputs-list{ margin-top: 5px; } .row-fluid .white-btn *{ color:#fff !important; } .contact-us .threeslider-main-row{ display: flex; flex-flow: wrap; } .row-fluid .demohero_inner1{ padding-top:0; margin-top: -5px; } .row-fluid .demohero_inner1 h2{ margin-bottom: 0; } /* body{ display:none; } */ @media (min-width: 1019px){ .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 15px !important; } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 15px 15px 0 !important; } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px 15px !important; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 15px 15px 0 !important; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px !important; } } /* start home page css */ .row-fluid .logo { width: 180px; } .icons-info.widget { display: flex; text-align: left; align-items: center; } .icons-info.widget .info { padding-left: 15px; font-size: 15px; line-height: 23px; } .icons-info.widget .icons { max-width: 41px; } .icons-info.widget .info a { border-bottom: 1px dotted rgba(0, 0, 0, 0.5); } .row-fluid .navigation { width: auto; display: inline-block; float: none; padding-right: 42px; } .row-fluid .phone { text-align: right; display: inline-block; width: auto; margin: 0; float: none; } .row-fluid .navigation-row { text-align: right; padding-top: 6px; width: calc(100% - 180px); margin: 0; } .row-fluid .logo img { max-width: 180px; } .row-fluid .header { padding: 20px 0; } .row-fluid .navigation-row > div > div { display: flex; align-items: center; justify-content: flex-end; } .row-fluid .menu-toggle-side a span{ font-size: 17px; line-height: 30px; text-transform: capitalize; padding-right: 11px; padding-top: 0px; } .row-fluid .pillar-navigate1{ width: calc(30% - 10px); position:relative; opacity:0; padding: 20px 22px; padding-right:40px; background: #009959; text-align: left; position: absolute; top: 0px; right:11px;; z-index: 9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .pillar-navigate1 .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{ color:#fff; font-size: 18px; padding: 10px 0; line-height: 24px; border-bottom: 1px dotted rgba(252,252,252,0.25); } .show-right .row-fluid .pillar-navigate1{ opacity:1; z-index: 666; } .pillar-navigate1 .row-fluid .close { width: 47px; float: right; position: absolute; right: 0; top: 0; padding: 15px; z-index: 2; cursor: pointer; } .pillar-navigate1 .row-fluid .close a { cursor: pointer; cursor: pointer; font-size: 24px; color: #fff; } .row-fluid .menu-toggle-side { width: auto; height: 55px; background: transparent; cursor: pointer; text-align: center; position: absolute; top: 8px; right: 0px; z-index: 555; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; display: flex; align-items: center; justify-content: center; } .row-fluid .menu-toggle-side a { width: auto; display: flex; cursor: pointer; font-size: 30px; color: #009959; } .row-fluid .pillar-navigate1 .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover{ opacity:0.7; } .row-fluid .menu-toggle-side:hover{ background:transparent; opacity:1; } .row-fluid .pillar-navigate1 h3{ color:#fff; font-size: 22px; } .row-fluid .pillar-navigate1 ul li a { color: #fff; } .row-fluid .pillar-navigate1 ul{ margin: 0; list-style: none; padding:0; } .row-fluid .pillar-navigate1 ul li{ margin-top: 0; margin: 10px 0; font-size: 18px; line-height: 28px; } .row-fluid .pillar-navigate1 ul li a:hover{ opacity:0.6; } .blog-freedometitle .container{ position:relative; } .side-fit { float: left; width: calc(100% / 2 - 20px ); margin: 5px 10px; } .social-sharing-row .social-sharing { float: left; text-align: left; padding-top: 15px; display: flex; align-items: center; } .social-sharing-row p#hubspot-topic_data { float: left; margin: 0 !important; } .social-sharing-row { float: left; width: 100%; padding-top: 29px; } .social-sharing-row .social-sharing h3 { font-size: 22px; } .social-sharing-row ul.share-buttons{ padding-left: 26px; } .social-sharing-row ul.share-buttons li a{ font-size:24px; } input[type=submit]:hover, button:hover{ background:#3f9751; opacity:0.9; color:#fff; } .N-blog-left form .form-columns-2 .hs-form-field:first-child{ } .N-blog-left form .form-columns-2 .hs-form-field{ width:50%; } .white-text *{ color:#fff; } table.table-top td{ padding-right:30px; vertical-align: top; } table.table-top td ul li{ list-style: square; } .localcolo-table th.column * { color: #fff; } .localcolo-table tr:nth-child(2n) {background: #ededed; } .localcolo-table tr {border-bottom: 1px solid #ccc; } .localcolo-table td {padding: 16px 20px;} .localcolo-table tr td:first-child {font-size: 18px;line-height: 22px;color: #636464; font-weight: 600;} table.businesh-local tr:nth-child(2n) { background: #ededed; } table.businesh-local tr td { padding: 8px 18px; border-right: 1px solid #ccc; } table.businesh-local { border: 1px solid #ccc; margin-top: 20px; } table.businesh-local tr { border-bottom: 1px solid #ccc; } table.localcolo-twolabel tr th{ padding: 10px 15px; } table.localcolo-twolabel tr td { padding: 20px 20px; border-right: 1px solid #ccc; } @media (max-width: 991px){ .row-fluid .pillar-navigate1 .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{ font-size: 16px; padding: 6px 0; line-height: 22px; } .row-fluid .pillar-navigate1 .hs-menu-wrapper.hs-menu-flow-vertical > ul { overflow: auto; padding-right: 20px; } .row-fluid .pillar-navigate1 .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{ padding-right: 10px; } .row-fluid .pillar-navigate1{ padding-right: 25px; } } @media (max-width: 767px){ .row-fluid .menu-toggle-side { top: 304px; } .row-fluid .menu-toggle-side a { width: 30px; } .row-fluid .section-space { padding: 35px 0; } .pillar-title-row { min-height: 180px; } .row-fluid .menu-toggle-side{ width: 48px; height: 40px; } .row-fluid .menu-toggle-side,.row-fluid .pillar-navigate1{ position:fixed; left:0; } .row-fluid .menu-toggle-side a span{ display:none; } .row-fluid .menu-toggle-side a{ width: auto; color: #fff; padding: 6px; background: #3f9751; display: inline-block; height: auto; } .row-fluid .pillar-navigate1 { top: 105px; } .row-fluid .menu-toggle-side{ top: 200px; } .row-fluid .pillar-navigate1{ width: 300px; } .side-fit{ width: calc(100% / 1 - 20px ); } span.manufacturing-text{ float: left; width: 100%; margin: 10px 0; margin-bottom: 40px; } table.table-top td { width: 50%; display:inline-block; } table { width: 100% ; } } @media (max-width: 550px){ table.table-top td { width: 100%; display: block; } table td { width: 100%; display: block; } table.localcolo-table th { display: block !important; width: 100% !important; border-bottom: 1px solid #fff; } table { width: 100% ; } table.businesh-local tr td{ border-bottom: 1px solid #ccc; width: 100% !important; } table.businesh-local tr{ border-bottom: inherit; } table.localcolo-twolabel tr td{ border-right: none; display: block; } table.localcolo-twolabel tr th{ border-right: none; } table.localcolo-twolabel tr th + th{ display:none; } } /* .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:hover > a,.row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{ color:#3f9751; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ float:left; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ color:#262836; max-width: inherit; white-space: inherit !important; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a{ padding: 14px 34px; float: left; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li{ position:relative; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:hover:before{ width: 100%; left: 0; right: auto; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:before { content: ""; height: 0; position: absolute; width: 0; right: 0; top: -2px; border-bottom: 3px solid #3f9751; z-index: -1; -webkit-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -moz-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -ms-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:after{ content: ""; position: absolute; left: 50%; bottom: 100%; height: 14px; width: 14px; background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-50%) translateY(6px) rotate(-45deg); transform: translateX(-50%) translateY(6px) rotate(-45deg); } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ -webkit-transition: opacity 0.4s; text-align: left; position: absolute; min-width: 250px; left: 50%; top: 100%; z-index: 2; padding: 20px 0; display: none\9; visibility: hidden; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; -webkit-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{ visibility: visible; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; -webkit-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ padding: 6px 35px; width: inherit; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li{ position:relative; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:before{ content: "\f178 "; font-family: "fontawesome"; font-size: 14px; font-weight: normal; text-indent: 0; position: absolute; top: 11px; line-height: 1; left: 10px; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity: 0; } .row-fluid .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover:before{ left: 14px; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity: 1; color:#3f9751; } */ @media (min-width:992px){ } .heroslider-threecolumn{ margin-top: -17%; position: relative; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:transparent; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; } .slick-arrow:before { font-family:'FontAwesome'; font-size:14px; } .slick-arrow:hover { background:transparent; color:#000; } .slick-arrow.slick-prev { left:-98px; } .slick-arrow.slick-prev:before { content: ""; background-image: url(https://cdn2.hubspot.net/hubfs/1664800/Js%20And%20Css/right-arrow.png?t=1531232114980); height: 28px; width: 31px; position:absolute; background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); } .slick-arrow.slick-next { right:-68px; } .slick-arrow.slick-next:before { position:absolute; content: ""; background-image: url(https://cdn2.hubspot.net/hubfs/1664800/Js%20And%20Css/right-arrow.png?t=1531232114980); height: 22px; width: 31px; background-repeat: no-repeat; background-size: contain; } .slick-arrow.slick-prev.slick-disabled:before{ opacity:0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } .slick-arrow.slick-next.slick-disabled:before{ opacity:0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } .slick-arrow.slick-disabled { display:none; } ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%; position:absolute; bottom:0; } ul.slick-dots { text-align:center; padding:10px 0 0; } ul.slick-dots li { display:inline-block; padding:0 5px; } ul.slick-dots li button { display:inline-block; background:rgba(0, 0, 0, 0.1); width:60px; height:8px; border-radius:5px; font-size:0; border: 1px solid #FFFFFF; text-index:-9999; cursor:pointer; padding:0; } ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#3f9751; } .heroslider-threecolumn .slick-track { padding-bottom: 60px; } /* hero section */ .row-fluid .it-partner-section{ text-align:center; position:relative; background:#fff; padding-top: 65px; padding-bottom: 80px; } .row-fluid .it-partner-section { text-align: center;} .row-fluid .subtitle { text-transform: uppercase; letter-spacing: 4px; font-size: 10px; text-align: center; } .row-fluid .destila-sub{ max-width: 750px; margin: 0 auto !important; float: none; font-size: 18px; line-height: 30px; } a#yd-video {height: 300px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; float: none; max-width: 500px; display: inline-block; position: relative; -webkit-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3); } a#yd-video:hover:before{ -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1); transform: translateX(-50%) translateY(-50%) scale(1.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity:1; opacity: 1; } a#yd-video:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } a#yd-video:before { content: "\f04b"; font-family: 'fontawesome'; position: absolute; color: #fff; font-size: 38px; top: 50%; left: 50%; width: 128px; height: 86px; z-index: 1; background: #3f9751; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; text-indent: 3px; } .video-box { padding-top: 54px; float: none; width: 100%; background-size: contain; background-position: center center; max-width: 1050px; margin: 0 auto; background-repeat: no-repeat; margin-top: 15px; } .row-fluid .it-partner-section:before { position: absolute; left: 0; right: 0; bottom: 0; height: 60%; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #115e67 90%); display: block; z-index: -1; -webkit-opacity: 0.06; -khtml-opacity: 0.06; -moz-opacity: 0.06; opacity: 0.06; } .row-fluid .right-ctaside-area { text-align: left; padding-bottom: 27px; } .row-fluid .right-ctaside-area .row-fluid .subtitle{ text-align:left; } .row-fluid .right-ctaside-area .right-cta { padding-top: 34px; text-align:right; } .experience-column { float: none; vertical-align: top; text-align:left; display:inline-block; width: calc(100% / 5 - 32px); margin: 0 14px; margin-bottom: 30px; } .experience-column h5:before { content: "\f178"; font-size: 16px; font-family: 'fontawesome'; text-indent: 0; position: absolute; top: 54%; right: 0; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.3s; } .experience-column:hover h5:before { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); right: -20px; } .experience-column h5 { position: relative; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;; font-weight: 600; } .experience-column:hover h5{ -webkit-transform: translateX(-10px); color:#3f9751; transform: translateX(-10px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;; } .experience-column > a{ color: #666666; } .experience-column-row { margin: 0 -14px; text-align:center; } .experience-column .details { padding-top: 5px; } .row-fluid .experience-section { padding: 75px 0; padding-bottom:60px; } .row-fluid .subtitle{ font-weight: 600; } .row-fluid .reasons-section{ background-color:#3f9751; padding:70px 0; text-align:center; padding-bottom:10px; } .row-fluid .reasons-section .row-fluid .subtitle{ color:#3f9751; } .row-fluid .reasons-section .row-fluid .title H2{ color:#ffffff; } .row-fluid .hero-section .row-fluid .title h1{ color:#ffffff !important; } .reasons-box-column { float: none; width: calc(100% / 4 - 30px); background-color: rgba(0, 0, 0, 0.25); margin: 0 15px; border-radius: 5px; margin-bottom: 30px; padding: 22px 22px; color: rgba(252,252,252,0.85); padding-bottom: 28px; display: inline-block; } .reasons-box-column h6 { color: #fff; font-weight: 600; padding-bottom: 2px; line-height:24px; } .reasons-box { margin-top: 40px; display: flex; justify-content: center; flex-flow: row wrap; } .row-fluid .reasons-onetext { color: #ffffff; padding-bottom: 70px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding-top: 18px; } .multi-logos-box { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; padding: 35px 0; } .multi-logos-column { padding: 15px 38px; } .easons-onetext a:hover{ opacity:0.6; } .row-fluid .reasons-onetext a{ color: rgba(252,252,252,0.85); border-bottom: 1px solid #fff; } .row-fluid .subtitle-box{ text-align:center; } .text-center{ text-align:center; } .text-right{ text-align:right } .text-right{ text-align:left; } .row-fluid .logowith-row { text-align: center; padding-bottom: 60px; border-top: 1px solid #ccc; max-width: 800px; margin: 0 auto !important; float: none; padding-top: 45px; } .row-fluid .logowith-row img { max-width: 100px; } .row-fluid .logowithtext { font-size: 20px; line-height: 28px; font-weight: 600; padding-top: 20px; max-width: 416px; float: none; margin: 0 auto !important; } .row-fluid .logowithtext a { color: #393939; } .timeline-new-section{ padding-bottom: 45px; } .business-help-column { float: left; width: calc(100% / 3); padding: 0 50px; position: relative; margin-bottom:50px; } .business-help-icon { margin-bottom: 25px; text-align: center; padding: 0 75px; position: relative; } .business-help-text { position: relative; padding-left: 75px; } .business-help-text:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; background: #ffffff; width: 50px; height: 50px; line-height: 50px; text-align: center; left: 0; top: 0; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; font-size: 18px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; } .business-help-text h4 { font-weight: 600; padding-bottom: 0; } .business-help-boxes { margin: 0 -50px; margin-top: 40px; counter-reset: my-badass-counter; } .business-help-column:hover .business-help-icon img{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .business-help-column .business-help-icon img{ -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .same-height{ float:left; width:100%; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .row-fluid .help-business{ padding-top: 70px; padding-bottom: 20px; } .business-help-column:before { position: absolute; content: ""; height: 40px; width: 40px; background-image: url(https://www.leading2lean.com/hubfs/Image2019/right-arrow.svg); background-repeat: no-repeat; background-position: center; right: -15px; top: 75px; background-size: contain; opacity: 0.2; } .business-help-column:nth-child(3n):before { display: none; } .testimonial-section { float: left; width: 100%; text-align: center; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; padding: 120px 0; background-blend-mode: multiply; } .testimonial-row { float: left; width: 100%; } .quote { background-color: #fff; height: 60px; width: 60px; display: inline-block; padding: 20px 0; font-size: 25px; color:#3f9751; border-radius: 100%; } .testimonial-details { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-size: 30px; color: #ffffff; line-height: 1.35em; text-align: center; float: left; width: 100%; padding: 25px 0; margin-top: 10px; } .testimonial-name { float:left; width:100%; font-size: 16px; line-height: 22px; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 4px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .testimonial-cover { max-width: 690px; margin: 0 auto; } .testimonial-section ul.slick-dots{ bottom: -40px; } .testimonial-section ul.slick-dots li button:hover,.testimonial-section ul.slick-dots li.slick-active button{ background: #ffff; } /* start footer */ .row-fluid .footer{ padding: 72px 0; } .row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ visibility: visible; opacity: 1; position: inherit; left: inherit; } .row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a { color: #000000; } .row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ color:#888888; padding: 4px 21px; width: inherit; white-space: inherit; } .row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover,.row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a:hover{ color:#3f9751; transform: translateX(7px); } .row-fluid .footer-logo img { max-width: 180px !important; } .row-fluid .footer-logo{ padding-bottom:20px; } ul.sociale-share { margin: 0; list-style: none; padding: 0; padding-top: 35px; } ul.sociale-share li { display: inline-block; font-size: 28px; padding-right: 12px; } ul.sociale-share li a { color: #666666; display: inline-block; } ul.sociale-share li a:hover { color:#3f9751; transform: rotate(-360deg); transition: 0.4s; } .row-fluid .copyright { border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 32px 0; } .row-fluid .footer .row-fluid .container{ max-width: 1230px; } .row-fluid .footer-left { width: 30%; } .row-fluid .footer-right { width: 70%; margin: 0; padding-left:12px; } .row-fluid .footer-right > div > div { display: flex; } .row-fluid .footer-right > div > div > div { margin: 0; width: 25%; padding:0 10px; } .row-fluid .pricing-area { padding: 80px 0; } .row-fluid .productive-section { background-position: bottom center !important; background-repeat: no-repeat !important; background-size: 100% auto !important; background-attachment: scroll !important; padding-top: 100px; padding-right: 0px; padding-bottom: 20%; padding-left: 0px; background-color: #ffffff !important; } .row-fluid .get-title { font-size: 1.125rem; line-height: 1.1em; font-weight: 600; font-size: 1.125rem; padding-bottom: 30px; } .row-fluid .productive-section .container { max-width: 564px; } .productive-section .row-fluid .title h2 { font-size: 36px; line-height: 43px; } .productive-section .row-fluid .title h2 { font-size: 36px; line-height: 43px; } .row-fluid .cta-buttondesign a { padding: 20px 50px; display: inline-block; background-color: #419650; color: #fff; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; line-height: 28pz; font-size: 18px; } .row-fluid .cta-buttondesign a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background:#3f9751; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; border-radius: 5px; } .row-fluid .cta-buttondesign a:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .productive-section .row-fluid .cta-buttondesign{ padding-top:38px; } .row-fluid .cta-buttondesign a:hover{ transform: translateY(-6px); transition:0.7; } .row-fluid .recent-post-section{ position:relative; padding:70px 0; background-color:#fff; padding-bottom:80px; } .row-fluid .recent-post-section:before{ position: absolute; left: 0; right: 0; bottom: 0; height: 60%; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #000000 90%); display: block; z-index: -1; -webkit-opacity: 0.06; -khtml-opacity: 0.06; -moz-opacity: 0.06; opacity: 0.06; } .recent-blogpost-left { float: left; width: 66.66666667%; } .recent-blogpost-right { width: 33.33333333%; float: left; } .recent-two-column { float: left; width: 50%; padding-right: 30px; } .recent-blogpost-section { float: left; width: 100%; } .recent-post-inner { background-color: #fff; } .recentpost-img-main { position: relative; } .recentpost-img { position: relative; overflow: hidden; height: 228px; border-radius: 5px 5px 0 0; } .recentpost-img img {transition: 0.4s; -webkit-opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; width: 100%; -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: absolute; top: 0; height: 100%; width: 100%; object-fit: cover; } .recentpost-blogauthor { position: absolute; bottom: 0; display: flex; align-items: center; padding: 0 35px; padding-bottom: 10px; } .author-image img { height: 30px; width: 30px; object-fit: cover; border-radius: 100%; } .author-name { font-size: 14px; color: #fff; padding-left: 0px; } .author-image{ padding-right:7px; } .recentpost-details { padding: 14px 35px; padding-bottom: 25px; } .recentpost-title h4 { font-size: 17px; line-height: 25px; } .recentpost-date { color: #666; font-size: 14px; line-height: 18px; padding-top: 5px; } .recentpost-img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; border-radius:5px 5px 0 0; } .recent-post-inner:hover .recentpost-img img { transform: scale(1.1); transition: 0.4s; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; } .recent-blogpost-row { margin: 0 -7px; } .recent-right-column a{ color: inherit; font-size: 15px; position: relative; display: block; background: #ffffff; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); padding: 25px 30px; margin-bottom: 5px; padding-right:60px; } .recent-right-title h4 { font-size: 17px; line-height: 25px; padding-bottom: 0; padding-top: 0; } .recent-right-date { color: #666; font-size: 14px; } .recent-right-column a:before { content: "\f105"; font-family: 'fontawesome'; position: absolute; right: 24px; font-size: 22px; top: 50%; transition: 0.4s; transform: translateY(-50%); opacity: 0.5; } .recent-right-column a:hover:before { right: 20px; transition: 0.4s; opacity: 1; } .recent-right-column a:hover .recent-right-title h4{ color:#3f9751; transition: 0.4s; } /* =============================== loader page css ================================ */ .main-preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999999999; background-color:#fff; text-align: center; } .main-preloader .main-preloader-inner { position: absolute; top: 50%; left:50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);; } .main-preloader .preloader-percentage { color:#fff; margin: 0; } .main-preloader .preloader-percentage span { display: inline-block; float: center; font-size: 50px; }/* end home page css */ a.custom-demo-btn:hover { color: #fff; opacity: 0.8; } .row-fluid .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ padding: inherit; } .copyright a:hover{ opacity:0.7; } .business-help-boxesmain{ float:left; width:100%; } /* start contact us */ .contact-ustop-cover .title h1 { font-size: 2.875rem; font-weight: 600; line-height: 48px; } .row-fluid .contact-ustop-cover{ text-align: center; max-width: 546px; float: none; margin: 0 auto !important; } .contact-ustop-cover .title{ padding-bottom:4px; } .heroslider-threecolumn.contact-us{ margin-top: inherit; } .heroslider-threecolumn.contact-us { margin-top: 80px; float: left; width: 100%; } .heroslider-threecolumn.contact-us .threeslider-main-column{ width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 30px; } .heroslider-threecolumn.contact-us .threeslider-icon{ margin: 35px 0 25px 0; } .heroslider-threecolumn.contact-us .threeslider-text { padding-top: 3px; } .heroslider-threecolumn.contact-us .threeslider-icon img{ width: auto; } .threeslider-main-row{ margin: 0 -15px; } .row-fluid .contact-ustop { margin-top: 70px; position:relative; z-index: 1; } .row-fluid .contact-ustop:before{ position: absolute; left: 0; right: 0; bottom: 0; height: 60%; content: ""; background: linear-gradient(180deg, rgba(0,0,0,0) 10%, #115e67 90%); display: block; z-index: -1; -webkit-opacity: 0.06; -khtml-opacity: 0.06; -moz-opacity: 0.06; opacity: 0.06; } .row-fluid .contact-ustop .details{ padding-top: 20px; } .row-fluid .contact-ustop{ padding-bottom: 60px; } .row-fluid .contact-ustop .details a{ border-bottom: 1px dotted rgba(0, 0, 0, 0.5); } .row-fluid .contact-ustop .details a:hover{ opacity:0.7; } .row-fluid .contact-ustop .threeslider-title h4{ padding-top:0; font-weight: 600; } .row-fluid .contact-usformsection{ background-color: inherit !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; margin: 75px 0; } .row-fluid .contact-form { padding: 45px 70px; background: #ffffff; border: 4px solid rgba(0, 0, 0, 0.05); border-radius:5px; max-width: 767px; float: none; margin: 0 auto !important; } .row-fluid .green-grd{ position:relative; background-color:transparent; z-index:1; color:#fff; } .row-fluid .green-grd:before { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; opacity: 1; height: 150%; content: ""; background: linear-gradient(-20deg,#3e9189,#3f9751); } .experience-border{ float: left; width: 100%; height: 7px; margin-bottom:18px; } /* end contact us */ .timeline-new-section{ background-color:#fff; } .timeline-new-section .bottom-group{ color:#000; } .timeline-new-section .bottom-group a:hover{ transform: translateY(-6px); transition: 0.7s; opacity:0.7; } .timeline-new-section .bottom-group a{ padding: 19px 30px; display: inline-block; background-color: #419650; color: #fff; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; } .timeline-new-section .roi__circle[data-type=small] i{ color: #000; } .timeline-new-section .roi__circle[data-type=large]:before{ border: 3px solid #000; } .timeline-new-section .roi__circle[data-type=large]:after{ box-shadow: 0 3px 10px rgba(0,0,0,0.25); } .timeline-new-section .roi__btm strong{ color:#000; } .timeline-new-section .roi__text span{ background-color: #fff; color: #000; } /* .new-play-add .pie__center:before{ background-image: inherit !important; } .new-play-add .pie__gear,.new-play-add .pie__cloud{ top:50%; } */ .new-play-add .pie__cloud.hover-show{ opacity:0; transition:0.2s; } .new-play-add .pie__wrap:hover .pie__center:before { background-image: inherit !important; transition:0.4s; } .new-play-add .pie__wrap:hover .pie__gear, .new-play-add .pie__wrap:hover .pie__cloud{ top:50%; transition:0.4s; } .new-play-add .pie__wrap:hover .pie__cloud.hover-show{ opacity:1; transition:0.2s; } .new-play-add .pie__wrap:hover .pie__cloud.hover-hide{ opacity:0; transition:0.2s; } .new-play-add .pie__wrap:hover .pie__gear{ opacity:0; transition:0.2s; } .testimonial-name h6 { color: #fff; padding-top: 10px; } div#open button.fancybox-close-small{ margin: 0px !important; overflow: hidden; top: -15px; } div#open{ background:transparent; } div#open iframe{ float:left; } div#open button.fancybox-close-small:hover { background: transparent; } div#open .fancybox-close-small svg{ opacity: 1; stroke: #fff; height: 42px; } /* start new blog css */ .row-fluid .blog-hero{ padding-top:80px; padding-bottom:50px; } .row-fluid .gositeapp { background: aliceblue; border-radius: 4px; float: none; display: inline-block; font-size: 10px; line-height: 16px; text-align: center; color:; width: auto; padding: 6px 10px; } .blog-hero .row-fluid .gositeapp{ margin-bottom: 20px; padding-bottom: 4px; letter-spacing: 0; font-weight: 600; font-size: 14px; color: #3f9751; } .row-fluid .blog-herodetails { max-width: 450px; font-size: 18px; line-height: 30px; color: #576C77; } .row-fluid .get-freecopy form .input input{ background: transparent; min-width: 154px; max-width: 300px; width: 300px; border: none; height: 50px; padding: 10px; border: 1px solid #D1DBE1; box-sizing: border-box; border-radius: 4px; font-size: 14px; line-height: 16px; color: #576C77; text-transform: capitalize; } .row-fluid .get-freecopy input[type="email"] { background-image: url(https://cdn2.hubspot.net/hubfs/3938013/mail-at@2x.svg) !important; background-repeat: no-repeat !important; background-position: 97% 50% !important; padding-right: 40px !important; } .row-fluid .get-freecopy span.hs-form-required{ display:none; } .row-fluid .get-freecopy .hs-form .hs-form-field{ width: auto; float: left; } .row-fluid .get-freecopy input[type=submit]{ background: #3f9751; font-size: 14px; font-weight:500; margin-top: 0 !important; line-height: 19px; text-align: center; letter-spacing: 0.35px; text-transform: uppercase; color: #FFFFFF; min-width: inherit; max-width: 154px; width: 100%; height: 50px; } .row-fluid .get-freecopy .hs-submit{ float: left; padding-left: 12px; } .row-fluid .get-freecopy input[type=submit]:hover{ opacity:0.7; } .row-fluid .get-freecopy ::-webkit-input-placeholder { font-size: 14px; line-height: 16px;color: #576C77; } .row-fluid .get-freecopy ::-moz-placeholder { font-size: 14px; line-height: 16px;color: #576C77; } .row-fluid .get-freecopy :-ms-input-placeholder { font-size: 14px; line-height: 16px;color: #576C77; } .row-fluid .get-freecopy :-moz-placeholder { font-size: 14px; line-height: 16px;color: #576C77; } .row-fluid .get-freecopy{ padding-top: 20px; } .row-fluid .get-freecopy ul.inputs-list{ font-size:12px; color: red; } .row-fluid .lines-bloghero a{ font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 0.35px; text-transform: uppercase; color: #3f9751; } .row-fluid .lines-bloghero a:hover{ opacity:0.7; } .row-fluid .lines-bloghero{ padding-top:0px; } .row-fluid .blog-heroleft{ padding-top: 0px; } .row-fluid .blog-hero-row { padding-bottom: 35px; } .row-fluid .blog-heroright{ text-align:center; } .row-fluid .blog-herotitle h2,.row-fluid .blog-herotitle h1{ font-weight: 600; font-size: 51px; line-height: 61px; } .row-fluid .pt110{ padding-top:110px; } /* .row-fluid .pt170{ padding-top:170px; } */ .row-fluid .pb-0{ padding-bottom:0; } .get-freecopy .hs_email label{ display:none; } .hs-blog-listing .row-fluid .N-blog-right { display:none; } .hs-blog-listing .row-fluid .N-blog-left{ float:left; width:100%; } .npost-item { float: left; width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 50px; } .npost-listing { margin: 0 -15px; display: flex; flex-flow: wrap; } .npost-item-image { float: left; width: 100%; margin-bottom: 24px; } .npost-item-image a { float: left; width: 100%; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); transition:0.4s; height: 209px; border-radius: 6px; background-repeat: no-repeat; background-size: cover; background-position: center; } .npost-item-title h2 { padding-bottom: 0; font-size: 22px; line-height: 29px; position: relative; padding-bottom: 19px; } .npost-item-title { float: left; width: 100%; padding-top: 12px; } .npost-item-title h2 a { color: #333; } .npost-item-title h2 a:hover { color: #3f9751; } .npost-item:hover { } .npost-item-text { float: left; width: 100%; } .npost-item-title h2:before { position: absolute; content: ""; height: 3px; background: #777; width: 50px; bottom: 0; transition:0.4s; } .npost-item:hover .npost-item-title h2:before{ width: 80px; transition:0.4s; background:#3f9751; } .npost-item:hover .npost-item-image a { transform:translateY(-12px); transition:0.4s; } a.ntopic-link:hover{ opacity:0.7; } .N-blog-body{ padding-bottom:60px; padding-top:50px; } .ninner-post-featured { float: left; width: 100%; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.20); margin-bottom: 44px; height: 500px; border-radius: 4px; background-size: cover; background-position: center; } .nhubspot-title-cover { float: left; width: 100%; text-align: center; margin-bottom: 60px; position: relative; padding-bottom: 20px; } .nhubspot-title-cover:before { content: ""; position: absolute; height: 3px; background: #3f9751; width: 80px; bottom: 0; left: 0; right: 0; margin: 0 auto; } span#nhubspot-inner_data { float: left; width: 100%; padding-bottom: 15px; } .npost-inner-title h1 { font-size: 54px; line-height: 61px;color: #333; font-weight:700; } .search-input form{ position:relative; margin-top: 3px; } .search-input form a.search-btn{ position:absolute; } .search-input form a.search-btn { position: absolute; cursor: pointer; right: 0; top: 0; background:transparent; font-size: 20px; height: 50px; color:#ccc; display: flex; align-items: center; width: 50px; justify-content: center; } .search-input form a.search-btn:hover{ opacity:0.7; } .search-input form input{ padding-right:55px; } .ninner-post-body p{ } .ninner-post-body img{ padding:30px 0; display:block; margin:0 auto; } .hs-blog-post .N-blog-left{ padding-right:40px; } .row-fluid .side-title h3{ font-size: 20px; line-height:25px; font-weight: 600; } .row-fluid .side-book{ border: 1px solid #ccc; margin-top: 17px; } .ninner-post-body p#hubspot-topic_data{ margin-top: 30px; } .ninner-post-body p#hubspot-topic_data a:hover{ opacity:0.7; } .ninner-post-body blockquote{ margin: 50px 0; position: relative; padding: 3.5% 6%; border-left: 5px solid #3f9751; font-size:22px; background: #ffffff; box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); } .ninner-post-body blockquote:before,.ninner-post-body blockquote:after{ opacity:0; display:none; } .ninner-post-body{ font-size: 18px; line-height: 26px; } .ninner-post-item ul { padding: 0; list-style: none; margin:0; } .ninner-post-item ul li { border-bottom: 1px solid #ccc; padding-bottom: 14px; padding-top: 4px; } .ninner-post-item ul li:last-child{ border-bottom:0; } .ninner-post-item ul li a:hover{ opacity:0.7; } .row-fluid .npost-recet-side{ padding: 34px 0; padding-bottom: 25px; } .npost-recet-side .ninner-post-item{ margin:0; } .row-fluid .letest-post{ padding-top: 68px; padding-bottom: 85px; background-color:#F0F0F0; } .row-fluid .letest-post .title{ text-align:center; padding-bottom:20px; } .ninner2-post-column { float: left; width: calc(100% / 3 - 30px); margin: 0 15px; background: #fff; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12); border-radius: 5px; } .ninner-post-item { display: flex; flex-flow: wrap; margin: 0 -15px; } .ninner-post2-image { float: left; width: 100%; background-repeat: no-repeat; position:relative; background-position: center; background-size: cover; height: 185px; padding: 22px 30px; border-radius: 4px 4px 0 0; } .ninner-post2-dates { padding: 25px 38px; float: left; width: 100%; padding-top: 0; } .ninner-post2-title { float: left; width: 100%; padding: 25px 38px; padding-bottom: 11px; } .ninner-post2-title a { font-size: 19px; line-height: 26px; } .ninner-post2-title a:hover{ opacity:0.7 } span#nhubspot-topic2_data a { color: #fff; position: relative; display: inline-block; padding-bottom: 2px; } span#nhubspot-topic2_data a:before { height: 2px; border-bottom: 1px solid #fff; position: absolute; content: ""; bottom: 0; width: 100%; right: 0; transition: 0.4s; } span#nhubspot-topic2_data a:hover:before { width: 0; transition: 0.4s ease-in-out; } span#nhubspot-topic2_data { position: absolute; top: 0; left: 0; opacity:0; right: 0; transition:0.4s; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 25px 39px;} .ninner2-post-column:hover span#nhubspot-topic2_data { opacity:1; transition:0.4s; } .pagination-dots-row { display: flex; justify-content: space-around; float: left; width: 100%; padding: 43px 0; border-top: brown; } .pagination-dots-next { text-align: right; width: 40%; } .pagination-dots { width: 20%; text-align: left; float: left; display: flex; justify-content: center; align-items: center; } .pagination-dots-preve { float: right; width: 40%; text-align: left; } .pagination-dots ul { margin: 0; padding: 0; text-align: center; } .pagination-dots ul li { } .pagination-dots ul li { display: inline-block; height: 8px; width: 8px; border-radius: 100%; background: #419650; margin: 0 3px; } .pagination-dots-next i,.pagination-dots-preve i { transition:0.4s; position: relative; top: 1px;border-radius: 100%; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; width: 50px; text-align: center; font-size: 23px; padding: 13px 0; } .pagination-dots-next a:hover i { } .pagination-dots-next i.fa.fa-caret-right{ margin-left: 10px; padding-left: 4px; } .pagination-dots-preve i.fa.fa-caret-left{ margin-right:10px; padding-right: 3px; } .pagination-dots-next a:hover i,.pagination-dots-preve a:hover i{ background:#3f9751; color:#fff; transition:0.4s; } .row-fluid .inner-post-pagination{ border-top: 1px solid #e8e8e8; margin-top: 35px; } .post-body h2 strong{ line-height: 37px; } /* resul Page Css */ .row-fluid .result-body{ padding:100px 0; padding-top:40px; } .row-fluid .result-body ul li{ border-bottom: 1px solid #ccc; display: inline-block; padding: 18px 0; margin-bottom: 15px; width: 100%; } .row-fluid .result-body ul li a{ color: #3f9751; font-size: 22px; line-height: 26px; } .row-fluid .result-body ul li a:hover,.row-fluid .result-body .hs-search-results__next-page:hover{ opacity:0.7; } .row-fluid .result-body ul li p{color: #647990; color: #07435e; } .row-fluid .result-body .hs-search-results__next-page{ color: #3f9751; } .row-fluid .result-body .row-fluid .container{ max-width: 950px; } input.hs-search-field__input.blog_search{ width: 100%; max-width: 100%; padding-right:60px; } form.search-frm{ float:left; width:100%; position:relative; margin-bottom:0px; } a.search-btn { position: absolute; cursor: pointer; right: 0; top: 0; padding: 13px 13px; font-size: 21px; background-color: #3f9751; color: #fff; } .row-fluid .blog-result-title { text-align: center; padding-top: 69px; } .row-fluid .blog-result-title h1{ font-size: 45px; font-weight: 600; } a.search-btn:hover{ opacity:0.7; } .row-fluid .cta-buttondesign.b-cta a:before{ background: #000; } .row-fluid .cta-buttondesign.b-cta a:hover{transform: translateY(0px);} .nrecentpost-blogauthor { display: inline-flex; align-items: center; padding: 0 15px; padding-bottom: 10px; } .nauthor-image img { height: 30px; width: 30px; object-fit: cover; border-radius: 100%; } .nauthor-name { font-size: 18px; line-height:24px; color: #666; padding-left: 0px; } .nauthor-image{ padding-right:7px; } span.post-item-date { font-size: 18px; line-height: 24px; padding: 0 15px; } .npost-inner-title{ padding-bottom:10px; } .blog-freedometitle h2 { font-size: 47px; padding-bottom: 0; } .blog-freedometitle { text-align: center; padding-bottom: 5px; } .row-fluid .blog-freedometitle { padding-top: 20px; } .hs-breadcrumb-menu-item{ font-size: 12px; color: #636464; margin: 0; padding-left: 4px; padding-top:5px; padding-bottom:5px; } .hs-breadcrumb-menu-divider:before { content: '/'; padding-left: 5px;} a.hs-breadcrumb-label { color: #636464; } span.hs-breadcrumb-label{ border-bottom:1px solid #636464; line-height: 11px; display: inline-block; } span.hs-breadcrumb-label:hover{ color: #3f9751; border-bottom:1px solid #3f9751; } ul.hs-breadcrumb-menu{ margin-left: 17px; } .homep .brecrum{ display:none; } .crumb-b a.hs-breadcrumb-label:hover{ color: #3f9751; } .threeslider-main-row{ margin: 0 -10px; display: flex; flex-flow: wrap; justify-content: center; } ul.pagination { display: inline-block; list-style: none; width: 100%; text-align: center; } ul.pagination li { display: inline-block; padding: 0 2px; } ul.pagination li a { color: #fff; padding: 4px 12px; border:1px solid #ccc; color:#000; border-radius:3px; } li.disabled a { opacity: 0.3; pointer-events: none; } ul.pagination li a:hover,ul.pagination li.active a{ background: #419650; color:#fff; border:1px solid #419650; } /* new home */ .manufacturing-hero{ padding:60px 0; position:relative; z-index: 1; padding-bottom:40px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .heron-title h1 { color: #409650; font-weight: 900; text-transform: capitalize; font-size: 64px; line-height: 64px;font-family: 'Source Sans Pro', sans-serif; } .row-fluid .heron-title p { line-height: 32px; } .row-fluid .heron-title { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; line-height: 20px; font-weight: 600; color: #000; max-width: 450px; margin-bottom: 14px;} .shedulea-demo { float: left; width: 100%; display: flex; align-items: center; flex-flow: wrap; margin-top: 6px; } .shedulea-demo-cta a { background-color: #459453; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 900; padding: 16px 22px; padding-top: 13px; } .youtube-icon img { max-width: 49px; padding-top: 2px; } .youtube-icon { margin-right: 18px; } .manufacturing-hero:before { content: ""; position: absolute; width: 50%; right: 0; z-index: -1; top: 0; bottom: 0; background-image: url(https://cdn2.hubspot.net/hubfs/1766640/Image%202019/Diagonal.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } .row-fluid .maintenance-box { text-align: center; padding: 50px 0; } .row-fluid .maintenance-subtext { font-size: 22px; line-height: 29px; color: #000; font-family: 'Source Sans Pro', sans-serif; max-width: 920px; padding-bottom: 30px; margin: 0 auto !important; float: none;} .row-fluid .maintenance-box { text-align: center; text-align: center; padding: 20px 0; padding-top: 85px; } .row-fluid .maintenance-subtext { font-size: 22px; line-height: 29px; color: #000; font-family: 'Source Sans Pro', sans-serif; max-width: 920px; padding-bottom: 30px; margin: 0 auto !important; float: none; } .mainten-boxrow { width: 100%; display: flex; flex-flow: wrap; margin: 0 auto; max-width: 950px; margin-top: 10px; } .mainten-boxcolumn { float: left; width: calc(100% / 2 - 40px); margin: 0 20px; box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.20); padding: 30px 25px; padding-bottom: 35px; } .mainten-icon img { max-width: 375; } .mainten-icon img { max-width: 100px; } .mainten-title h3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 900; font-size: 32px; line-height: 38px; padding: 0; } .mainten-text { font-family: 'Source Sans Pro', sans-serif; color: #000; padding-bottom: 13px; font-size: 12px; line-height: 16px; font-weight: 600; padding-top: 3px; } .mainten-title { padding: 12px 0; margin-top: 5px; } .mainten-cta a { background: #459453; background-color: rgb(69, 148, 83); color: rgb(255, 255, 255); font-family: "Source Sans Pro", sans-serif; font-weight: 900; padding: 12px 15px; display: inline-block; font-size: 20px; text-transform: uppercase; min-width: 160px; margin-top: 10px; } .mainten-boxcolumn:nth-child(2) .mainten-title{ padding-bottom: 4px; } .mainten-boxcolumn:nth-child(2) .mainten-text{ padding-bottom: 8px; padding-top:0; } .shedulea-demo-cta a:hover,.mainten-cta a:hover{ opacity:0.8; } .youtube-icon a:after { display: none !important; } button.mfp-close { width: 30px !important; text-align: center; background: transparent !important; } .maintenance-row{ border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom:90px; } .cta-design-simple a { line-height: 1.5em; background: #459453; border-radius: 3px; background-color: rgb(69, 148, 83); color: rgb(255, 255, 255); font-family: "Source Sans Pro", sans-serif; font-weight: 900; padding: 11px 15px; display: inline-block; font-size: 18px; text-transform: uppercase; min-width: 160px; margin-top: 10px; border-radius: 0; margin: 0 10px; border: 2px solid #459453; } /* ======= start product page ======= */ .product-hero { float: left; width: 100%; padding: 50px 0; padding-top:80px; margin-bottom: 30px; } .product-row { float: left; width: 100%; } .product-left { float: left; width: 50%; word-break: break-all; padding-right: 20px; text-align: left; } .product-right { float: left; width: 50%; padding: 0 0px; text-align: center; padding: 0; text-align: right; padding-left: 20px; } .product-right a { width: 100%; height: 325px; background-repeat: no-repeat; background-position: center; background-size: contain; max-width: 520px; display: inline-block; } .product-left h3 { color: #000000 !important; font-size: 26px !important; line-height: 32px !important; padding: 0; margin: 0; } .product-left h1 { margin: 0; padding: 15px 0; } .product-ctarow { float: left; width: 100%; margin-top: 35px; display: flex; justify-content: left; } .product-hero .cta-design-simple > div:first-child a { background: #E95533; border: 2px solid #E95533; color: #fff; } .cta-design-simple a:hover { opacity: 0.8; } .product-hero .cta-design-simple > div:first-child a:hover { background-color: #459453; color: #fff; opacity: 1; } .product-hero .cta-design-simple>div:first-child a:hover { border: 2px solid #E95533; background: transparent; color: #E95533; transition: 0.4s;} .product-hero .cta-design-simple a { text-align:center; } .cta-design-simple a{ } .product-hero .cta-design-simple>div:first-child a{ margin-left: 0 !important; } .counter-section { float: left; width: 100%; padding-top: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 58px; } .counter-row { margin: 0 -15px; display: flex; } .counter-column { width: calc(100% / 5 - 30px); float: left; text-align: center; background-color: #F3F6F9; margin: 15px; padding: 28px; border-radius: 5px; } .fancybox-icon { color: #3f9751; font-size: 42px; margin-bottom: 10px; float: left; width: 100%; } .counter-detail h5 { font-size: 1.87rem; margin-top: 10px; } .counter-sub { font-size: 16px; line-height: 1.5; color: #115e67; font-weight: 600; padding-top: 4px; } span.plus-account { font-size: 1.875rem; opacity: 0.5; } .counter-detail { float: left; width: 100%; } span.counter { color: #115e67; font-weight: 600; } .green-section-heading .p2 { width: 124px; height: 6px; border-radius: 10px; background-color: #2ca01c; float: left; display: inline; } .green-section-heading .p1 { width: 6px; height: 6px; border-radius: 20px; margin:0; background-color: #2ca01c; float: left; display: inline; margin-left: 12px; } .zickzack-section { float: left; width: 100%; margin-top: 60px; } .zickzack-row { float: left; width: 100%; padding-top: 60px; } .zickzack-column { float: left; min-height: 296px; width: 100%; display: flex; margin-bottom: 135px; padding-bottom: 50px; } .zickzack-left { float: left; width: 45%; position: relative; z-index: 2; display: flex; align-items: center; } .zickzack-right { float: left; width: 55%; background: #F3F6F9; display: flex; min-height: 296px; align-items: center; position: relative; z-index: 0; } .zickzack-right:before { content: ""; position: absolute; top: -50px; bottom: -50px; left: 0; right: 0; background: #F3F6F9; z-index: -1; width: 100%; } .green-section-heading { float: left; width: 100%; margin-bottom: 18px; } .zickzack-right h2 { padding-bottom: 0px; } .cta-round-bottom a:hover { opacity: 0.7; } .cta-round-bottom a { background-color: transparent; color: #393a3d !important; min-width: 100px; max-width: 200px; border: 2px solid #393a3d !important; font-weight: 600; padding: 8px 24px; outline: 0; flex-flow: row; text-decoration: none; justify-content: center; align-items: center; line-height: 20px; border-radius: 18px; margin-top: 20px; display: inline-block; } .zickzack-right:after { content: ""; position: absolute; top: -50px; bottom: -50px; left: -88px; right: 0; background: #F3F6F9; z-index: -1; width: 100%; } .zickzack-rightinner { float: left; padding-left: 80px; padding-right: 65px; padding-top: 30px; padding-bottom: 30px; } .zickzack-column:nth-child(2n) { flex-direction: row-reverse; } .zickzack-column:nth-child(2n) .zickzack-rightinner { padding-right: 80px; padding-left: 65px; } .zickzack-column:nth-child(2n) .zickzack-right:after { right: -88px; left: auto; } .product-logotrip { float: left; width: 100%; margin-bottom: 50px; } .product-logorow { display: flex; align-items: center; padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; justify-content: center; flex-flow: row wrap; padding-top:0; padding-top: 42px; margin: 0 -30px; } .product-column { float: left; width: 16.66%; padding: 0 22px; margin-bottom: 20px; } .product-column .details { color: #363945; font-size: 17px; font-weight: 600; max-width: 160px; } .product-column.logo-text .logo-product { display: none; } .product-hero .cta-design-simple a:hover { border: 2px solid #459453; background: transparent; color: #459453; opacity:1; transition: 0.4s;} .zickzack-column:last-child { margin-bottom: 90px; } .row-fluid .explore-section .explore-column { max-width: 676px; margin: 0 auto; float: none; text-align: center; } .row-fluid .explore-section { margin-bottom: 60px; } .row-fluid .explore-section .cta-design-simple { padding-top: 25px; } .counter-countertext { max-width: 658px; margin: 0 AUTO; text-align: center; padding-top: 18px; font-size: 18px; line-height: 24px; } /* ======= end product page ======= */ @media (min-width: 992px){ .manufacturing-hero{ height: calc(100vh - 119px); min-height: 550px !important; display: flex !important; align-items: center; justify-content: center; } } @media (max-width: 1400px){ .business-help-boxes{ margin: 0 -15px; } } @media (max-width: 1200px){ .product-left h1{ font-size: 47px; line-height: 44px; word-break: break-word; } .product-hero{ padding: 55px 0; } .counter-column{ padding: 18px;} .product-logorow{ margin: 0; } .product-column{ width: 20%; } } @media (min-width: 768px){ .get-freecopy form{ position:relative; float:left; width:100%; } .get-freecopy form .hs_error_rollup { padding-bottom: 10px; clear: both; position: absolute; left: 0; right: 0; bottom:0px; } } @media (max-width: 991px){ h1{ font-size: 62px; line-height: 65px; } .row-fluid .experience-section { padding: 20px 0; padding-bottom: 40px; } .experience-column{ width: calc(100% / 3 - 32px); } .reasons-box-column{ width: calc(100% / 3 - 30px); } .business-help-column{ width: calc(100% / 2); } .testimonial-section{ padding: 84px 0; } .recent-two-column{ padding-right: 10px; } .recentpost-img{ height: 190px; } .recentpost-details{ padding: 12px 18px; } .recent-right-column a{ padding: 15px 18px; margin-bottom: 5px; padding-right: 60px; } .row-fluid .footer-right > div > div{ display: flex; flex-flow: row wrap; } .row-fluid .footer-right > div > div > div{ width: 33.33%; } .business-help-boxes{ margin: 0 0; } .business-help-column:nth-child(2):before{ display:none; } .heroslider-threecolumn.contact-us{ margin-top: 50px; } .row-fluid .contact-ustop .details{ padding-top: 20px; } .row-fluid .contact-usformsection{ margin: 62px 0; } .row-fluid .contact-form{ padding: 34px 45px; padding-bottom: 45px; max-width: 500px; } br{ display:none; } .timeline-new-section .roi__btm strong{ color: #fff; } .row-fluid .blog-herotitle h2,.row-fluid .blog-herotitle h1{ font-size: 40px; line-height: 45px; } .row-fluid .get-freecopy .hs-submit{ padding-left: 0; } .row-fluid .get-freecopy .hs-form .hs-form-field{ width: 100%; } .get-freecopy form .hs_error_rollup{ position: inherit; } .row-fluid .get-freecopy .hs-form .hs-form-field{ margin-bottom: 0; padding-bottom: 0; } .row-fluid .get-freecopy .hs-submit{ margin-top: 20px; } .row-fluid .lines-bloghero{ padding-top:14px; } .N-blog-body{ padding-bottom: 0; padding-top: 0; } .ninner-post-featured{ height: 350px; } .hs-blog-post .N-blog-left{ width: calc(100% - 252px); padding-right: 0; } .row-fluid .N-blog-right{ width: 225px; } .npost-inner-title h1{ font-size: 44px; line-height: 55px; } .hs-blog-post .N-blog-body{ padding-top: 52px; } .row-fluid .blog-freedometitle { padding-top: 0; padding-bottom: 44px; } .product-left,.product-right { width:100%; padding: 0; } .product-left { margin-bottom: 38px; } .counter-row{ justify-content: center; flex-flow: wrap; } .counter-column{ width: calc(100% / 3 - 30px); } .zickzack-rightinner{ padding-left: 30px; padding-right: 20px; } .zickzack-column:nth-child(2n) .zickzack-rightinner { padding-right: 25px; padding-left: 25px; } .zickzack-right:after,.zickzack-right:before{ top: -20px; bottom: -20px; } .zickzack-column{ margin-bottom: 110px; padding-bottom: 0; } .product-column { width: 25%; } .row-fluid .explor-section{ margin-bottom: 62px; } .product-left{ text-align: center; } .product-ctarow{ justify-content: center; } .product-right{ text-align: center; } } @media (max-width: 767px){ .m-20 { padding-bottom: 20px; } .business-help-column{ width: calc(100% / 1); padding: 0 25px; } .business-help-column:before{ display:none; } .recent-blogpost-left,.recent-blogpost-right{ width: 100%; } .recent-two-column{ width: 100%; } .reasons-box-column{ width: calc(100% / 1 - 30px); } .experience-column{ width: calc(100% / 1 - 32px); } h1 { font-size: 42px; line-height: 39px; } .row-fluid .sub-title{ line-height: 38px; font-size: 35px; } .threeslider-main-column{ padding-bottom: 50px; } .video-box{ padding-top: 30px; } a#yd-video{ height: 238px; } .row-fluid .it-partner-section{ padding-top: 50px; padding-bottom: 26px; } .row-fluid .right-ctaside-area .right-cta{ padding-top: 0; text-align: left; } .experience-column-row{ margin-top: 18px; } .row-fluid .reasons-section{ padding: 44px 0; } .row-fluid .experience-section{ padding-bottom: 18px; } .reasons-box{ margin-top: 20px; } .row-fluid .reasons-onetext{ padding-top: 5px; padding-bottom: 35px; } .multi-logos-column{ padding: 14px 13px; } .multi-logos-box{ padding: 24px 0; } .row-fluid .help-business{ padding-top: 50px; padding-bottom: 0; } .testimonial-section{ padding: 55px 0; } .row-fluid .recent-post-section{ padding: 45px 0; } .recent-blogpost-row{ margin-top: 15px; } .recent-two-column{ margin-bottom: 25px; } .recent-right-column{ padding-bottom: 10px; } .row-fluid .recent-post-section{ padding-bottom: 45px; } .row-fluid .pricing-area{ padding: 48px 0; } .row-fluid .heig-decrese{ height:0 !important; } .productive-section .row-fluid .title h2{ font-size: 28px; line-height: 35px; } h2{ font-size: 1.675rem; line-height: 1.1em; } .row-fluid .footer{ padding: 42px 0; text-align: center; } .row-fluid .footer-left{ width: 100%; } .row-fluid .footer-right > div > div > div{ width: 100%; padding: 0; margin-bottom:20px; } .row-fluid .footer-right{ width: 100%; margin: 0; padding-left: 0; padding-top: 12px; } ul.sociale-share{ padding: 0; padding-top: 20px; margin-bottom: 20px; } .row-fluid .contact-ustop{ margin-top: 45px; } .contact-ustop-cover .title h1{ font-size: 2.575rem; line-height: 45px; } .heroslider-threecolumn.contact-us .threeslider-main-column{ width: calc(100% / 1 - 30px); padding-bottom: 0; } .row-fluid .contact-ustop{ padding-bottom: 45px; } .row-fluid .contact-ustop .details{ padding: 0 15px; } .row-fluid .contact-form{ padding: 20px 20px; padding-bottom: 35px; } .row-fluid .contact-usformsection{ margin: 52px 0; } .productive-section.contact-us{ padding-top: 8px; } .timeline-new-section .roi__btm strong{ color: #fff; } #open iframe{ height: 275px; } .row-fluid .blog-hero{ padding-top: 48px; text-align: center; } .row-fluid .get-freecopy form .input input{ min-width: 100%; max-width: 100%; } .row-fluid .get-freecopy .hs-submit{ text-align: center; width: 100%; } .row-fluid .blog-heroright{ padding-top: 32px; } .npost-item{ width: calc(100% / 1 - 30px); } .row-fluid .productive-section{ padding-top:32px; } .row-fluid .blog-herotitle h2{ font-size: 36px; line-height: 43px; } .hs-blog-post .N-blog-left{ width: 100%; padding-right: 0; } .row-fluid .N-blog-right{ width: 100%; } .ninner-post-featured{ height: 260px; } .npost-inner-title h1{ font-size: 37px; line-height: 42px; } .pagination-dots-row{ flex-direction: column; padding: 35px 0; } .pagination-dots-preve,.pagination-dots,.pagination-dots-next{ width:100%; text-align:center; } .pagination-dots{ padding:15px 0; } .ninner2-post-column{ width: calc(100% / 1 - 30px); margin-bottom:30px; } .row-fluid .letest-post{ padding-bottom: 40px; } .row-fluid .N-blog-right{ width: 100%; padding-top: 43px; padding-bottom: 14px; } .row-fluid .blog-result-title{ padding-top: 48px; } .row-fluid .result-body{ padding: 35px 0; } form.search-frm{ margin-bottom: 24px; } .blog-freedometitle h2 { font-size: 32px; padding-bottom: 0; } .row-fluid .blog-freedometitle{ padding-top: 0; padding-bottom: 35px; } .threeslider-main-column{ width: calc(100% - 10px); padding-bottom: 5px; } .manufacturing-hero{ padding: 38px 0; padding-bottom: 30px; } .heron-title h1{ font-size: 50px; line-height: 53px; } .manufacturing-hero:before{ display:none; } .row-fluid .heron-right { margin-top: 30px; } .row-fluid .maintenance-box{ padding: 42px 0; padding-bottom:0; } .mainten-boxcolumn{ width: calc(100% / 1 - 10px); margin: 0 5px; margin-bottom: 30px; } .row-fluid .heron-right{ margin-top: 55px; padding-bottom: 18px; } .shedulea-demo{ justify-content: center; } .row-fluid .heron-title{ margin-bottom: 18px; } .maintenance-row{ padding-bottom: 30px; } .custom-header-menu-group .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a { background-color: #459453; font-weight: 700; padding: 16px 22px; padding-top: 13px; margin-top: 35px; text-align: center; } .row-fluid .logowith-row{ padding-top: 45px; } .f-logos img{ max-width: 270px !important; } .product-ctarow{ flex-direction: column; } .product-ctarow > div { margin-bottom: 13px; } .product-hero { padding-bottom: 20px; padding-top: 30px; } .product-right a{ height: 215px; } .counter-column{ width: calc(100% / 1 - 30px); } .zickzack-section{ margin-top: 19px; } .zickzack-row{ padding-top: 30px; } .zickzack-column{ flex-direction: column; } .zickzack-left,.zickzack-right{ width: 100%; } .zickzack-right:after, .zickzack-right:before{ left: 0; } .zickzack-column:nth-child(2n) { flex-direction: column; } .zickzack-column{ margin-bottom: 63px; } .zickzack-rightinner { padding-left: 15px; padding-right: 15px; padding-top: 39px; } .product-column { width: 50%; } .product-column{ padding: 0 28px; } .product-column:first-child { width: 100%; margin: 0; text-align: center; padding-bottom: 12px; } .product-column:first-child .details { display: inline-block; margin-bottom: 16px; } .servicespro-column{ margin: 0; width: 50%; margin-bottom: 20px; } .servicespro-cover{ flex-direction: column; flex-flow: wrap; } .zickzack-column:nth-child(2n) .zickzack-right:after{ right: 0; } .product-hero .cta-design-simple>div:first-child a{ margin: 0; } .product-hero{ padding-bottom: 17px; } }