/* @import url('http://example.com/example_style.css'); */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); @font-face { font-family: 'Avenir-Book'; src: url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Book.eot#iefix') format('embedded-opentype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Book.woff') format('woff'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Book.ttf') format('truetype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Book.svg#Avenir-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Medium'; src: url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Medium.eot#iefix') format('embedded-opentype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Medium.woff') format('woff'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Medium.ttf') format('truetype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Oblique'; src: url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Oblique.eot#iefix') format('embedded-opentype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Oblique.woff') format('woff'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Oblique.ttf') format('truetype'), url('https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/Fonts/Avenir-Oblique.svg#Avenir-Oblique') format('svg'); font-weight: normal; font-style: normal; } /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ *:before , *:after, * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body { margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#000; background:#fff; font-family: 'Montserrat', sans-serif; } img { border:0; vertical-align: top; height:auto; max-width:100%; } hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } .clear { clear:both } .row-fluid [class*="span"] {min-height:1px;} p { padding: 0; margin:0; } h1 { color:#575756; font-size:60px; margin:0; line-height:65px; font-weight:700; clear:both; font-family: 'Montserrat', sans-serif; } h2 { font-weight:800 !important; color:#575756; font-size:55px; line-height:60px; text-transform: capitalize !important; margin:0; clear:both; font-family: 'Montserrat', sans-serif; } h3 { font-weight:600; color:#575756; font-size:45px; line-height:50px; margin:0; clear:both; font-family: 'Montserrat', sans-serif; } h4 { font-weight:normal; color:#575756; font-size:40px; line-height:45px; margin:0; clear:both; font-family: 'Montserrat', sans-serif; } h5 { font-weight:normal; color:#575756; font-size:30px; line-height:35px; margin:0; clear:both; font-family: 'Montserrat', sans-serif; } h6 { font-weight:400; color:#575756; font-size:18px; margin:0; line-height:24px; clear:both; font-family: 'Montserrat', sans-serif; } /** * Border Radius * * */ /** * Box Shadow * * */ /** * Transition * * */ /** * Transform * * */ a { text-decoration:none; outline:none; color:#00658b; -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:hover { color:#333; } ul { list-style-type: none; margin:0; padding:0; } .row-fluid .btn_style a { color:#fff; font-weight:300; -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;; background: #E30000; font-size:28px; line-height:30px; padding:10px 20px; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0;; float:none; display:inline-block; } .row-fluid .btn_style.hover a{ background: #93c6cc; } .row-fluid .btn_style.hover a:hover{ background: #E30000; } .row-fluid .setbg { background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .get_bg { display:none; } ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .row-fluid .btn_style a:hover { background: #93c6cc; } .row-fluid .title_style { } .row-fluid .title_style h2 { position: relative; margin: 0 0 30px; } .row-fluid .title_style h2:before { content: ""; width: 25px; height: 20px; border-left: 2px solid #E30000; display: inline-block; border-top: 2px solid #E30000; vertical-align: top; margin: -5px -17px 0 -10px; } .row-fluid .title_style h2:after { content: ""; width: 25px; height: 20px; border-right: 2px solid #E30000; display: inline-block; border-bottom: 2px solid #E30000; vertical-align: bottom; margin: -5px -17px 0 -10px; } .text_center { text-align:center; } .text_left { text-align:left; } .text_right { text-align:right; } .row-fluid .fl100 { width:100%; float:left; } .row-fluid .floatnone { float:none; display:inline-block; } .row-fluid .width_900, .row-fluid .width_1000, .row-fluid .width_1100, .row-fluid .width_1200 { float:none; display:inline-block; max-width:100%; } .row-fluid .width_900 { width:900px; } .row-fluid .width_1000 { width:1000px; } .row-fluid .width_1100 { width:1100px; } .row-fluid .width_1200 { width:1200px; } .row-fluid .bg_gray { background: #ecf0f1; } .row-fluid .bg_blue { background: #0064ff; } .row-fluid .bg_blue_gradient { background: -moz-linear-gradient(left, rgba(152, 185, 192, 0.7) 0%, rgba(211, 225, 228, 0.7) 56%, rgba(103, 152, 162, 0.7) 100%); background: -webkit-linear-gradient(left, rgba(152, 185, 192, 0.7) 0%, rgba(211, 225, 228, 0.7) 56%, rgba(103, 152, 162, 0.7) 100%); background: linear-gradient(to right, rgba(152, 185, 192, 0.7) 0%, rgba(211, 225, 228, 0.7) 56%, rgba(103, 152, 162, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b398b9c0', endColorstr='#b36798a2', GradientType=1); } .row-fluid .bg_gray_gradient { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(167, 169, 172, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(167, 169, 172, 0.7) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(167, 169, 172, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3a7a9ac', GradientType=0); } .row-fluid .text_white, .row-fluid .text_white h1, .row-fluid .text_white h2, .row-fluid .text_white h3, .row-fluid .text_white h4, .row-fluid .text_white h5, .row-fluid .text_white h6, .row-fluid .text_white a { color: #fff; } .mv_30 { margin-top: 30px; margin-bottom: 30px; } .mv_40 { margin-top: 40px; margin-bottom: 40px; } .mv_50 { margin-top: 50px; margin-bottom: 50px; } .mv_60 { margin-top: 60px; margin-bottom: 60px; } .mv_70 { margin-top: 70px; margin-bottom: 70px; } .mv_80 { margin-top: 80px; margin-bottom: 80px; } .mv_90 { margin-top: 90px; margin-bottom: 90px; } .mv_100 { margin-top: 100px; margin-bottom: 100px; } .mv_110 { margin-top: 110px; margin-bottom: 110px; } .mv_120 { margin-top: 120px; margin-bottom: 120px; } .mt_30 { margin-top: 30px; } .mt_40 { margin-top: 40px; } .mt_50 { margin-top: 50px; } .mt_60 { margin-top: 60px; } .mt_70 { margin-top: 70px; } .mt_80 { margin-top: 80px; } .mt_90 { margin-top: 90px; } .mt_100 { margin-top: 100px; } .mt_110 { margin-top: 110px; } .mt_120 { margin-top: 120px; } .mb_30 { margin-bottom: 30px; } .mb_40 { margin-bottom: 40px; } .mb_50 { margin-bottom: 50px; } .mb_60 { margin-bottom: 60px; } .mb_70 { margin-bottom: 70px; } .mb_80 { margin-bottom: 80px; } .mb_90 { margin-bottom: 90px; } .mb_100 { margin-bottom: 100px; } .mb_110 { margin-bottom: 110px; } .mb_120 { margin-bottom: 120px; } .pv_30 { padding-top: 30px; padding-bottom: 30px; } .pv_40 { padding-top: 40px; padding-bottom: 40px; } .pv_50 { padding-top: 50px; padding-bottom: 50px; } .pv_60 { padding-top: 60px; padding-bottom: 60px; } .pv_70 { padding-top: 70px; padding-bottom: 70px; } .pv_80 { padding-top: 80px; padding-bottom: 80px; } .pv_90 { padding-top: 90px; padding-bottom: 90px; } .pv_100 { padding-top: 100px; padding-bottom: 100px; } .pv_110 { padding-top: 110px; padding-bottom: 110px; } .pv_120 { padding-top: 120px; padding-bottom: 120px; } .pt_30 { padding-top: 30px; } .pt_40 { padding-top: 40px; } .pt_50 { padding-top: 50px; } .pt_60 { padding-top: 60px; } .pt_70 { padding-top: 70px; } .pt_80 { padding-top: 80px; } .pt_90 { padding-top: 90px; } .pt_100 { padding-top: 100px; } .pt_110 { padding-top: 110px; } .pt_120 { padding-top: 120px; } .pb_30 { padding-bottom: 30px; } .pb_40 { padding-bottom: 40px; } .pb_50 { padding-bottom: 50px; } .pb_60 { padding-bottom: 60px; } .pb_70 { padding-bottom: 70px; } .pb_80 { padding-bottom: 80px; } .pb_90 { padding-bottom: 90px; } .pb_100 { padding-bottom: 100px; } .pb_110 { padding-bottom: 110px; } .pb_120 { padding-bottom: 120px; } 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-size:16px; width:100%; } input[type=checkbox] , input[type=radio] { width:auto; height:auto; } textarea { padding:15px 20px; height:100px; } input[type=submit] , button { width:auto; border:none; cursor:pointer; background-image:url(images/blank.png); font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; display:inline-block; } input[type=submit]:hover , button:hover { background-color:#00658b; } .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:#fff; 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 input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #dadada; background:#fafafa; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; } .row-fluid input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#333; background:#333; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; } @media (max-width: 767px){ .header-menu, .header-menu .hs-menu-wrapper > ul, .header-menu .hs-menu-wrapper > ul li, .header-menu .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } .mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 0px; right: 10px; width: auto; height: auto; padding: 7px 10px 8px 10px; background: #ffffff; border: 1px solid #000000; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000000; } .mobile-trigger:hover{ text-decoration: none; color:#ffffff; background-color: #000000; border-color: transparent; } .mobile-open .mobile-trigger{ color:#ffffff; background-color: #000000; border-color: transparent; } .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #000000; display: inline-block; } .mobile-trigger i:before{ top: -6px; } .mobile-trigger i:after{ top: 6px; } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #ffffff; } .child-trigger { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 50px !important; min-width: 50px !important; height: 40px !important; padding: 0 !important; } .child-trigger:hover { text-decoration: none; } .child-trigger i{ position: relative; top: 50%; margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; height: 1px; background-color:#ffffff; display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i { } .header-menu.js-enabled{ position: relative; padding-top: 44px; margin: 10px 0 10px 0; } .header-menu.js-enabled .hs-menu-wrapper, .header-menu.js-enabled .hs-menu-children-wrapper{ display: none; } .header-menu ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } .header-menu.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; } .header-menu .hs-menu-wrapper{ background-color:#000000; width: 100%; } .header-menu .hs-menu-wrapper > ul > li{ position: relative; } .header-menu .hs-menu-wrapper > ul > li a{ font-size: 22px; line-height: 45px; overflow: visible; } .header-menu .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff; } .header-menu .hs-menu-wrapper > ul li a:hover{ color:#ffffff; } .header-menu .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .header-menu .hs-menu-wrapper > ul ul li a{ text-indent: 10px; font-size: 16px; } .header-menu .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; } .header-menu .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; } } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25;} .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev{ left: -25px;} [dir='rtl'] .slick-prev{ right: -25px; left: auto;} .slick-prev:before{ content: '';} [dir='rtl'] .slick-prev:before{ content: '';} .slick-next{ right: -25px;} [dir='rtl'] .slick-next { right: auto; left: -25px;} .slick-next:before{ content: '';} [dir='rtl'] .slick-next:before{ content: '';} /* 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{ 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;} [dir='rtl'] .slick-slide { float: right;} .slick-slide img { display: block;} .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:#333; 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:#fff; color:#000; } .slick-arrow.slick-prev { left:5px; } .slick-arrow.slick-prev:before { content: "\f104"; } .slick-arrow.slick-next { right:5px; } .slick-arrow.slick-next:before { content: "\f105"; } .slick-arrow.slick-disabled { display:none; } ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} ul.slick-dots { text-align:center; padding:10px 0 0; } ul.slick-dots li { display:inline-block; padding:0 4px; } ul.slick-dots li button { display:inline-block; background:#575756; padding:0; width:13px; height:13px; border: 2px solid transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; font-size:0; text-index:-9999; cursor:pointer; } ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:transparent; border-color:#575756; } ul.slick-dots li button:focus, .slick-initialized .slick-slide:focus { outline:none; } /**** *****/ .space { margin-top:22px; } .row-fluid .wrapper, .row-fluid .wrapper2 { margin:0 auto !important; float:none !important; padding:0 15px; } .row-fluid .header_section { padding: 30px 0; position: absolute; z-index: 20; left: 0; top: 0; } .row-fluid .header_logo { width: 110px; vertical-align: middle; margin: 0 -2px; } .row-fluid .header_right { width: calc(100% - 110px); vertical-align: middle; margin: 0 -2px; text-align: right; } .row-fluid .header_top { } .row-fluid .header_conct { width: auto; float: none; display: inline-block; vertical-align: middle; margin: 0; } .row-fluid .header_social { width: auto; float: none; display: inline-block; vertical-align: middle; margin: 0; } .row-fluid .header_bottom { } .row-fluid .header_search { float: none; display: inline-block; width: auto; position: relative; margin: 0; padding-left: 30px; } .row-fluid .header-menu { float: none; display: inline-block; margin: 0 -2px; width: auto; } .row-fluid .header-menu .hs-menu-wrapper > ul { margin: 18px 0 0 0; } .row-fluid .header-menu .hs-menu-wrapper > ul > li { padding: 0 14px; box-sizing: border-box; position: relative; list-style-type: none; float: none; display: inline-block; } .row-fluid .header-menu .hs-menu-wrapper > ul > li:last-child { padding-right: 0; } .row-fluid .header-menu .hs-menu-flow-horizontal ul li a { float: none; display: inline-block; color: #fff; line-height: 20px; font-size: 16px; font-weight: 500; overflow: visible; padding: 0 0 10px 0; max-width: inherit; position: relative; } .row-fluid .header-menu .hs-menu-flow-horizontal ul li:hover a{} .row-fluid .header_conct ul { } .row-fluid .header_conct ul li { float: none; display: inline-block; padding: 0 0 0 20px; } .row-fluid .header_conct ul li a { font-size: 18px; color: #93C6CC; font-weight: 700; } .row-fluid .header_social ul { } .row-fluid .header_social ul li { float: none; display: inline-block; padding: 0 0 0 25px; } .row-fluid .header_social ul li a { background: #E30000; float: left; color: #fff; text-align: center; font-size: 14px; line-height: 15px; width: 24px; height: 24px; padding: 5px 0; -webkit-border-radius: 7px 0; -moz-border-radius: 7px 0; -o-border-radius: 7px 0; -ms-border-radius: 7px 0; border-radius: 7px 0;; } .row-fluid .header_search .hs-search-field__input { font-size: 14px; line-height: 20px; height: auto; padding: 6px 50px 6px 10px; border: none; } .row-fluid .header_search button { position: absolute; right: 0; top: 0; padding: 4px 15px; height: auto; } .row-fluid .header_search button:hover { background: #93c6cc; } .row-fluid .header_search .hs-search-field { width: 20px; height: 20px; float: left; } .row-fluid .hdr_search_icon { width: 100%; float: left; position: relative; cursor: pointer; } .row-fluid .hdr_search_icon:before { position: absolute; left: 0; top: 0; font-family: fontawesome; content: "\f002"; color: #fff; -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 .header_search .hs-search-field.open .hdr_search_icon:before { content: "\f00d"; } .row-fluid .header_social ul li a:hover { background: #93c6cc; } .row-fluid .header_conct ul li a:hover { color: #e30000; } .row-fluid .hp_hero_section { padding: 260px 0 130px; position: relative; min-height:100vh; -webkit-border-radius: 0 0 0 150px; -moz-border-radius: 0 0 0 150px; -o-border-radius: 0 0 0 150px; -ms-border-radius: 0 0 0 150px; border-radius: 0 0 0 150px;; background-repeat:no-repeat; background-size:cover; background-position:center; display: flex; align-items: flex-end; width:100%; } .row-fluid .hp_hero_section:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 0 0 0 150px; -moz-border-radius: 0 0 0 150px; -o-border-radius: 0 0 0 150px; -ms-border-radius: 0 0 0 150px; border-radius: 0 0 0 150px;; background: rgba(0, 0, 0, 0.28); content: ""; } .row-fluid .no-overlay .hp_hero_section:before { display:none; } .row-fluid .hp_hero_wrap { width: 450px; max-width: 100%; float: none; display: inline-block; position: relative; z-index: 1; background: rgba(0, 0, 0, 0.65); padding: 45px; -webkit-border-radius: 50px 0px; -moz-border-radius: 50px 0px; -o-border-radius: 50px 0px; -ms-border-radius: 50px 0px; border-radius: 50px 0px;; } .row-fluid .hp_hero_wrap h1 { color: #fff; } .row-fluid .hp_hero_wrap h1 span { font-size: 40px; line-height: 40px; font-weight: 400; } .row-fluid .hp_hero_wrap .btn_style { margin: 30px 0 0; text-align: left; } .row-fluid .hp_hero_wrap .btn_style a:hover { background:#6798A2; } .row-fluid .footer_section { padding: 80px 0; border-bottom: 1px solid #6798A2; text-align: center; } .row-fluid .footer_wrap { text-align: left; font-weight: 300; } .row-fluid .footer_contn { width: 40%; float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .row-fluid .footer_logo { width: 54px; margin: 0 0 25px; } .row-fluid .footer_subcb { width: 100%; float: left; margin: 40px 0 0 0; } .row-fluid .footer_menu { width: 35%; float: none; display: inline-block; vertical-align: top; margin: 0 -2px; padding: 0 50px 0 100px; } .row-fluid .footer_social { width: 25%; float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .row-fluid .footer_search { width: 100%; float: left; margin: 30px 0 0; } .row-fluid .ftr_social_icon { } .row-fluid .footer_wrap h4 { font-weight: 800; margin: 0 0 10px; font-size: 22px; } .row-fluid .footer_subcb .hs_email { width: calc(100% - 115px); float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .row-fluid .footer_subcb .hs_submit { width: 112px; float: none; display: inline-block; vertical-align: top; margin: 10px 0 0 7px; } .row-fluid .footer_subcb .hs-button { appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; color: #fff; font-weight: 700; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #e30000; font-size: 16px; line-height: 20px; padding: 5px 20px; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0; float: none; display: inline-block; height: auto; } .row-fluid .footer_subcb .hs-form-required { display: none; } .row-fluid .footer_subcb .hs-error-msg { font-size:12px;color:#e30000; } .row-fluid .footer_subcb input[type="email"] { border: none; border-bottom: 1px solid #6798A2; height: auto; padding: 10px 0; } .row-fluid .footer_subcb form input[type=email]::-webkit-input-placeholder { color: #e30000; } .row-fluid .footer_subcb form input[type=email]::-moz-placeholder { color: #A3A3A3; } .row-fluid .footer_subcb form input[type=email]:-ms-input-placeholder { color: #A3A3A3; } .row-fluid .footer_subcb form input[type=email]:-moz-placeholder { color: #A3A3A3; } .row-fluid .footer_subcb form { width: 100%; float: left; margin: 30px 0 0; } .row-fluid .footer_menu li { width: 100%; float: left; margin: 0 0 1px; } .row-fluid .footer_menu ul li a { font-size: 14px; color:#000; } .row-fluid .footer_search .hdr_search_icon { display: none; } .row-fluid .footer_search .hs-search-field__bar { position: relative; width: 100%; float: left; } .row-fluid .footer_search button { position: absolute; left: 0; top: 10px; padding: 0; height: auto; width: 20px; } .row-fluid .footer_search button svg { height: 18px; } .row-fluid .footer_search button svg path { fill: #e30000; } .row-fluid .footer_search .hs-search-field__input { border: none; border-bottom: 1px solid #6798A2; height: auto; padding: 10px 0 10px 35px; } .row-fluid .ftr_cont_list { display: block; margin: 0 -12px 30px; } .row-fluid .ftr_cont_list_box { width: auto; padding: 12px; float: none; display: inline-block; margin: 0 -2px; vertical-align: top; } .row-fluid .ftr_cont_list_box a { background: #e30000; color: #fff; text-align: center; width: 44px; height: 44px; padding: 0 5px; -webkit-border-radius: 12px 0; -moz-border-radius: 12px 0; -o-border-radius: 12px 0; -ms-border-radius: 12px 0; border-radius: 12px 0;; float: none; display: inline-block; } .row-fluid .ftr_cont_list_img { display: flex; align-items: center; justify-content: center; height: 44px; } .row-fluid .ftr_cont_list_img img { max-height: 30px; } .row-fluid .ftr_social_icon ul li { float: none; display: inline-block; padding: 12px; margin: 0 -2px; } .row-fluid .ftr_social_icon ul li a { background: #e30000; color: #fff; text-align: center; font-size: 24px; line-height: 44px; width: 44px; height: 44px; padding: 0 5px; -webkit-border-radius: 12px 0; -moz-border-radius: 12px 0; -o-border-radius: 12px 0; -ms-border-radius: 12px 0; border-radius: 12px 0;; float: none; display: inline-block; } .row-fluid .ftr_social_icon ul { display: block; margin: 0 -12px; } .row-fluid .footer_logo_section { text-align: center; padding: 20px 0; } .row-fluid .footer_logo_wrap { } .row-fluid .footer_logo_box { width: auto; padding: 15px 20px; float: none; display: inline-block; } .row-fluid .footer_logo_box img { max-height: 80px; } .row-fluid .footer_logo_inner { display: flex; align-items: center; justify-content: center; height: 80px; width: 100%; float: left; } .row-fluid .footer_bottom { padding: 20px 0; background: #6798A2; text-align: center; color: #fff; font-weight: 200; font-size: 14px; } .row-fluid .footer_subcb .hs-button:hover { background: #86bfcc; } .row-fluid .ftr_social_icon ul li a:hover, .row-fluid .ftr_cont_list_box a:hover { opacity: 0.7; } .row-fluid .footer_menu ul li a:hover { color: #e30000; } .row-fluid .hp_rightimg_section { overflow: hidden; padding: 90px 0 70px; position: relative; } .row-fluid .hp_rightimg_wrap { width: 550px; max-width: 100%; } .row-fluid .hp_rightimg_img { position: absolute; right: 0; bottom: 0; width: 45%; max-width: 580px; text-align: right; } .row-fluid .hp_rightimg_img img { max-height: 500px; } .row-fluid .hp_rightimg_wrap .btn_style { margin: 50px 0 0; } .row-fluid .hp_leftimg_section { padding: 60px 0; overflow: hidden; position: relative; } .row-fluid .hp_leftimg_wrap { width: 78%; float: right; text-align: left; } .row-fluid .hp_leftimg_img { width: 820px; max-width: 50%; position: absolute; left: -22%; top: 50%; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; transform: translateY(-50%) ;; } .row-fluid .hp_leftimg_wrap .btn_style { margin: 50px 0 0; } .row-fluid .hp_range_section { overflow-x: hidden; padding-bottom: 10px; } .row-fluid .hp_range_wrap { display: inline-block; width:100%; margin: 0px;padding:0 7px; } .row-fluid .hp_range_box { width: 33.33%; float:left; vertical-align: top; margin: 0 -0px; padding: 8px 7px; } .row-fluid .hp_range_box.new_hp_range_box { display: none; } .row-fluid .hp_range_img { display: flex; align-items: center; justify-content: center; height: 300px; margin: 10px 0 80px; } .row-fluid .hp_range_text { position: absolute; left: 15px; bottom: 15px; width: calc(100% - 30px); } .row-fluid .hp_range_view_box { text-align: center; } .row-fluid .hp_range_box a { width: 100%; padding: 0 15px; position: relative; float: left; background: rgb(239, 240, 240); background: -moz-linear-gradient(top, rgba(239, 240, 240, 1) 0%, rgba(217, 219, 219, 1) 100%); background: -webkit-linear-gradient(top, rgba(239, 240, 240, 1) 0%, rgba(217, 219, 219, 1) 100%); background: linear-gradient(to bottom, rgba(239, 240, 240, 1) 0%, rgba(217, 219, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff0f0', endColorstr='#d9dbdb', GradientType=0); } .row-fluid .hp_range_box a h3 { } .row-fluid .hp_range_img img { max-height: 300px; } .row-fluid .hp_range_box a:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(60, 60, 59, 0.7); opacity: 0; -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;; } .row-fluid .hp_range_box .hp_range_text h3:last-child { color: #fff; display: none; } .row-fluid .hp_range_box a:hover .hp_range_text h3:last-child { display: block; } .row-fluid .hp_range_box a:hover .hp_range_text h3:first-child { display: none; } .row-fluid .hp_range_box a:hover:before { opacity: 1; } .row-fluid .hp_range_view_box h3 { position: absolute; width: 80%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) ; -moz-transform: translate(-50%, -50%) ; -o-transform: translate(-50%, -50%) ; -ms-transform: translate(-50%, -50%) ; transform: translate(-50%, -50%) ;; } .row-fluid .hp_range_view_box a:hover h3 { color: #fff; } .row-fluid .hp_range_section .btn-wrapper { text-align: center; width: 100%; padding: 40px 0; margin-bottom: 8px; } .row-fluid .hp_advntg_section {} .row-fluid .hp_advntg_wrap { } .hp_advntg_section.bg_blue_gradient { position: relative; z-index: 1; background: #6798a2; } .hp_advntg_section.bg_blue_gradient:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right,rgba(152,185,192,1) 0%,rgba(211,225,228,1) 57%,rgba(103,152,162,1) 97%,rgba(103,152,162,1) 100%); opacity: .7; z-index: -1; } .row-fluid .hp_advntg_box { width: 16.66%; vertical-align: top; margin: 0 -2px; padding: 10px 8px; } .row-fluid .hp_advntg_img { padding:6px; width: 100%; float: left; background: #fff; border-radius: 0 30px; height: 140px; display: flex; align-items: center; justify-content: center; margin: 0 0 10px; } .row-fluid .hp_advntg_img img { max-height: 100%; /*border-radius: 0 30px;*/ } .row-fluid .hp_advntg_box h5 { color: #575756; font-size: 15px; line-height: 20px; font-weight: 700; } .row-fluid .hp_imgform_section { position: relative; overflow: hidden; } .row-fluid .hp_imgform_wrap { width: 65%; } /* .row-fluid .hp_imgform_img { position: absolute; right: -60px; bottom: -50px; width: 600px; max-width: 46%; text-align: right; } */ .row-fluid .hp_imgform_img { position: absolute; right: 0; bottom: 0; width: 600px; max-width: 46%; text-align: right; } .row-fluid .hp_imgform_form { } .row-fluid .form_style form fieldset { max-width: 100% !important; float: left; margin: 5px 0; width: 100%; } .row-fluid .form_style form .form-columns-1 .input, .row-fluid .form_style form .form-columns-2 .input { margin-right: 0 !important; } .row-fluid .form_style form .form-columns-1 .input textarea, .row-fluid .form_style form .form-columns-1 .input input, .row-fluid .form_style form .form-columns-1 .input select { width: 100% !important; } .row-fluid .form_style form .form-columns-2 { width: 100%; } .row-fluid .form_style form .form-columns-2 .input input { width: 100% !important; } .row-fluid .form_style form .hs-fieldtype-booleancheckbox .input input { width: auto !important; height: auto !important; } .row-fluid .form_style form .form-columns-2 .hs-form-field:first-child { padding-right: 10px; padding-left: 0; } .row-fluid .form_style form .form-columns-2 .hs-form-field:last-child { padding-left: 10px; padding-right: 0; } .row-fluid .form_style form .form-columns-2 .hs-form-field { width: 50% !important; } .row-fluid .form_style form .form-columns-1 .hs-form-field { padding-right: 0 !important; } .row-fluid .form_style form .hs_recaptcha { float: left; width: 100%; } .row-fluid .form_style form .hs-form-required { display: none !important; } .row-fluid .form_style form .hs-error-msgs { font-size: 12px; color: #FF0000; } .row-fluid .form_style form input, .row-fluid .form_style form select { margin-bottom: 10px; background: transparent; font-size: 18px; color: #000; padding: 6px 0 27px; height: auto; float: left; font-family: 'Montserrat', sans-serif; border: none; border-bottom: 1px solid #81A8B1; } .row-fluid .form_style form textarea { width: 100% !important; margin-bottom: 10px; background: transparent; height: 100px; resize: none; border: none; font-size: 18px; color: #000; padding: 6px 0 30px; float: left; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #81A8B1; } .row-fluid .form_style form .hs_submit input { appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; color: #fff; font-weight: 100; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #e30000; font-size: 30px; line-height: 30px; padding: 5px 20px; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0; float: none; display: inline-block; font-weight: 300; font-family: 'Montserrat', sans-serif; border: none; height: auto; margin: 40px 0 0; } .row-fluid .form_style form input::-webkit-input-placeholder, .row-fluid .form_style form input[type=email]::-webkit-input-placeholder, .row-fluid .form_style form textarea::-webkit-input-placeholder { color: #EB5C2B; } .row-fluid .form_style form input::-moz-placeholder, .row-fluid .form_style form input[type=email]::-moz-placeholder .row-fluid .form_style form textarea::-moz-placeholder { color: #EB5C2B; } .row-fluid .form_style form input:-ms-input-placeholder, .row-fluid .form_style form input[type=email]:-ms-input-placeholder, .row-fluid .form_style form textarea:-ms-input-placeholder { color: #EB5C2B; } .row-fluid .form_style form input:-moz-placeholder, .row-fluid .form_style form input[type=email]:-moz-placeholder, .row-fluid .form_style form textarea:-moz-placeholder { color: #EB5C2B; } .row-fluid .form_style form .hs_submit input:hover { background: #93c6cc; } .row-fluid .hp_imgform_form { padding-right: 50px; } .row-fluid .hp_studies_section { overflow: hidden; padding-bottom: 10px; } .row-fluid .hp_studies_wrap { display: block; margin: 0 -5px; } .row-fluid .hp_studies_box { width: 33.33%; vertical-align: top; margin:0; padding:0; float:left; } /* .row-fluid .hp_studies_box.new_hp_studies_box { display: none; } */ .row-fluid .hp_studies_img { height: 334px; } .row-fluid .hp_studies_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 15px; transition: all 0.4s ease-in-out; opacity: 0; } .row-fluid .hp_studies_box a { width: 100%; float: left; position: relative; } .row-fluid .hp_studies_box a:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(60, 60, 59, 0.73); opacity: 0; transition: all 0.4s ease-in-out; } .row-fluid .hp_studies_text h4 { margin: 0 0 15px; font-weight: 600; } .row-fluid .hp_studies_text h5 { font-weight: 800; } .row-fluid .hp_studies_box a:hover:before { opacity: 1; } .row-fluid .hp_studies_box a:hover .hp_studies_text { opacity: 1; } .row-fluid .hp_testy_section { } .row-fluid .hp_testy_wrap { } .row-fluid .hp_testy_box { position: relative; border-radius: 0 100px; box-shadow: 7px 8px 10px 0 rgba(56, 81, 158, 0.6); background: #fff; } .row-fluid .hp_testy_img { position: absolute; left: 0; top: 0; width: 40%; height: 100%; border-radius: 0 0 0 100px; } .row-fluid .hp_testy_text { width: 60%; float: right; padding: 180px 60px 140px; font-size: 18px; line-height: 28px; color: #575756; position: relative; } .row-fluid .hp_testy_wrap .slick-slide { margin: 0 -15px; } .row-fluid .hp_testy_wrap .slick-slide > div { padding: 0 35px; } .row-fluid .hp_testy_wrap .slick-list { padding: 10px 0 30px; } .row-fluid .hp_testy_text h5 { color: #6798A2; font-size: 20px; line-height: 24px; text-transform: uppercase; margin: 50px 0 0; font-weight: 700; } .row-fluid .hp_testy_text h5 span { color: #EB5C2B; } .row-fluid .hp_testy_text:before { content: ""; position: absolute; left: 20px; top: 60px; width: 150px; height: 126px; background: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/testimonail.png) no-repeat center / cover; } .row-fluid .hp_worklogo_section { } .row-fluid .hp_worklogo_row { } .row-fluid .hp_worklogo_wrap { margin: 30px 0 0; } .row-fluid .hp_worklogo_inner { padding: 0 45px; } .row-fluid .hp_worklogo_box { display: flex; align-items: center; justify-content: center; height: 75px; } .row-fluid .hp_worklogo_box img { max-height: 75px; } .row-fluid .hp_worklogo_wrap .slick-list { padding: 0 0 40px; } .row-fluid .hp_recent_section { } .row-fluid .hp_recent_wrap { } .row-fluid .hp_recent_box { width: 33.33%; vertical-align: top; margin: 0 -2px; padding: 9px; } .row-fluid .hp_recent_inner { border-radius: 0 0 0 60px; box-shadow: 6px 6px 15px 0 rgba(56, 81, 158, 0.6); } .row-fluid .hp_recent_img { height: 290px; } .row-fluid .hp_recent_text { padding: 0 20px; margin: 45px 0 35px; } .row-fluid .hp_recent_author { } .row-fluid .hp_recent_content { margin: 25px 0; font-family: 'Avenir-Book'; } .row-fluid .hp_recent_text h5 { font-size: 20px; line-height: 24px; font-weight: 200; color: #38519E; margin: 0 0 4px; } .row-fluid .hp_recent_text h6 { font-size: 14px; line-height: 22px; color: #38519E; font-family: 'Avenir-Oblique'; } .row-fluid .hp_recent_text .btn_style a { font-size: 18px; line-height: 18px; font-weight: 300; padding: 5px 15px; } .row-fluid .hp_contact_section { position: relative; } .row-fluid .hp_contact_wrap { width: 84%; text-align: left; float: left; } .row-fluid .hp_contact_form { padding-right: 200px; margin: 60px 0 0; } .row-fluid .hp_contact_img { position: absolute; bottom: -100px; right: 0; width: 380px; max-width: 35%; text-align: right; z-index:1; } .row-fluid .hp_talk_section { position: relative; } .row-fluid .hp_talk_section:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.49); } .row-fluid .hp_talk_section .wrapper { width:100%; } .row-fluid .hp_talk_wrap { position: relative; z-index: 1; } .row-fluid .hp_talk_wrap h3 { font-weight: 700; } .row-fluid .footer_subcb .hs_error_rollup { display: none; } .row-fluid .footer_subcb .submitted-message { margin: 40px 0 0; } .row-fluid .hp_contact_form form input::-webkit-input-placeholder, .row-fluid .hp_contact_form form input[type=email]::-webkit-input-placeholder, .row-fluid .hp_contact_form form textarea::-webkit-input-placeholder { color: #E30000; } .row-fluid .hp_contact_form form input::-moz-placeholder, .row-fluid .hp_contact_form form input[type=email]::-moz-placeholder .row-fluid .hp_contact_form form textarea::-moz-placeholder { color: #E30000; } .row-fluid .hp_contact_form form input:-ms-input-placeholder, .row-fluid .hp_contact_form form input[type=email]:-ms-input-placeholder, .row-fluid .hp_contact_form form textarea:-ms-input-placeholder { color: #E30000; } .row-fluid .hp_contact_form form input:-moz-placeholder, .row-fluid .hp_contact_form form input[type=email]:-moz-placeholder, .row-fluid .hp_contact_form form textarea:-moz-placeholder { color: #E30000; } .row-fluid .src_hero_section { padding: 230px 0 130px; position: relative; } .row-fluid .src_hero_section:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.28); } .row-fluid .src_hero_wrap { position: relative; } .row-fluid .src_body_section li { padding: 30px 0px; border-bottom: 1px solid #93c6cc; } .row-fluid .src_body_section li a.hs-search-results__title { color: #93c6cc; font-size: 22px; } .row-fluid .src_body_section li a.hs-search-results__title:hover { color: #e30000; } .row-fluid .src_body_section li:last-child { border: 0; } /**** CPD Training ****/ .row-fluid .training_hero { height:80Vh; position:relative; -webkit-border-radius: 0 0 0 200px; -moz-border-radius: 0 0 0 200px; -o-border-radius: 0 0 0 200px; -ms-border-radius: 0 0 0 200px; border-radius: 0 0 0 200px;; } .row-fluid .training_hero:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(29,29,27,1) 0%, rgba(29,29,27,0) 73%, rgba(29,29,27,0) 74%); background: -webkit-linear-gradient(top, rgba(29,29,27,1) 0%,rgba(29,29,27,0) 73%,rgba(29,29,27,0) 74%); background: linear-gradient(to bottom, rgba(29,29,27,1) 0%,rgba(29,29,27,0) 73%,rgba(29,29,27,0) 74%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1b', endColorstr='#001d1d1b',GradientType=0 ); opacity:0.8; } .row-fluid .training_hero .text { padding: 45px; width: 590px; max-width: 100%; display: inline-block; position:absolute; bottom:70px; z-index: 1; background: rgba(0, 0, 0, 0.65); -webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0;; } .row-fluid .training_hero .text h1 { font-size:70px; line-height:77px; font-weight:800; color: #fff; } .row-fluid .training_hero .text h1 span { font-size: 40px; line-height: 40px; font-weight: 400; } .row-fluid .training_hero .text .btn_style { margin: 30px 0 0; } .row-fluid .training_contact { margin-top:20px; padding:50px 0; } .row-fluid .hp_contact_top { padding:50px 0; font-size:20px; line-height:34px; text-align:center; } .row-fluid .hp_contact_top h2 { font-size:53px; line-height:74px; } .row-fluid .hp_contact_top .content { margin-top:15px; } .row-fluid .hp_contact_bottom { padding:50px 0; } .row-fluid .hp_contact_bottom .hs-fieldtype-textarea { margin-top:20px; display: inline-block; width: 100%; } .row-fluid .hp_contact_bottom .hs-fieldtype-textarea > label { margin:0 0 20px; font-size:18px; line-height:24px; color:#E30000; display:inline-block; width:100%; } .row-fluid .hp_contact_bottom .hs-fieldtype-textarea textarea { height:128px; border:1px solid #81a8b1; } .row-fluid .hp_contact_bottom .hp_contact_img { bottom:0; } .row-fluid .form_guide { margin-top:20px; padding:15px 0; display: flex; align-items: center; } .row-fluid .form_guide .imgform_wrap { width:50%; float:left; } .row-fluid .form_guide .imgform_img { width:50%; float:left; text-align:right; } .row-fluid .form_guide .imgform_img img { max-width:620px; width:100%; -webkit-box-shadow: 15px 15px 30px rgba(56,81,158,0.5); -moz-box-shadow: 15px 15px 30px rgba(56,81,158,0.5); -o-box-shadow: 15px 15px 30px rgba(56,81,158,0.5); -ms-box-shadow: 15px 15px 30px rgba(56,81,158,0.5); box-shadow: 15px 15px 30px rgba(56,81,158,0.5);; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg);; } .row-fluid .form_guide .submitted-message a.pdffile , .row-fluid .form_guide .submitted-message { opacity:0; } .row-fluid .contact_hero { height:580px; position:relative; -webkit-border-radius: 0 0 0 200px; -moz-border-radius: 0 0 0 200px; -o-border-radius: 0 0 0 200px; -ms-border-radius: 0 0 0 200px; border-radius: 0 0 0 200px;; overflow: hidden; } .row-fluid .contact_hero:before { content:''; width:100%; height:180px; position:absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); opacity:0.8; z-index: 1; } .row-fluid .contact_hero .hs-responsive-embed-wrapper.hs-responsive-embed { max-width:100% !important; min-height:100% !important; } .row-fluid .contact_hero .hs-responsive-embed-wrapper.hs-responsive-embed .hs-responsive-embed-inner-wrapper { padding-bottom: 38% !important; } .row-fluid .touch_section { padding:50px 0; overflow:hidden; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(198,216,220,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198,216,220,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(198,216,220,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c6d8dc',GradientType=0 ); } .row-fluid .touch_top { margin:40px auto !important; width:100%; max-width:900px; float:none; } .row-fluid .touch_top .text { font-size:16px; line-height:30px; } .row-fluid .touch_top .text a { color:#E30000; } .row-fluid .touch_top .text p { padding:15px 0; } .row-fluid .service_list { padding:40px 0; display: flex; justify-content: space-between; align-items: center; } .row-fluid .service_list .boxservi { width:auto; display:inline-block; vertical-align:middle; } .row-fluid .service_list .boxservi a { padding:5px 18px 5px 12px; font-size:22px; line-height:28px; background:#6798A2; color:#fff; font-weight:700; -webkit-border-radius: 0 10px; -moz-border-radius: 0 10px; -o-border-radius: 0 10px; -ms-border-radius: 0 10px; border-radius: 0 10px;; display: flex; align-items: center; } .row-fluid .service_list .boxservi a img { margin-right:10px; max-height:35px; } .row-fluid .service_list .boxservi a:hover { background:#e30000; } .row-fluid .service_form { padding:40px 0; width:100%; float:left; } .row-fluid .service_form h3 { padding:0 0 15px; font-size:40px; line-height:48px; } .row-fluid .service_form h3.form-title { display:none; } .row-fluid .service_form .form { padding-right:7%; width:calc(100% - 400px); float:left; } .row-fluid .service_form .right { margin-top:90px; width:400px; float:left; position:relative; } .row-fluid .service_form .right .add { margin-bottom:30px; font-size:20px; line-height:36px; color:#575756; } .row-fluid .service_form .right .contact ul { margin:0; padding:0; list-style-type:none; } .row-fluid .service_form .right .contact ul li { margin:0; padding:0; display:inline-block; width:100%; } .row-fluid .service_form .right .contact ul li a { padding:10px 0; width:100%; color:#e30000; display: flex; align-items: center; font-weight: 600; } .row-fluid .service_form .right .contact ul li a span { margin-right:10px; padding: 5px; width:35px; height:35px; line-height:35px; background:#e30000; display:inline-block; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0;; text-align:center; display: flex; align-items: center; } .row-fluid .service_form .right .contact ul li a span img { margin:0 auto; max-height:24px; } .row-fluid .service_form .hs-fieldtype-textarea { margin-top:20px; display: inline-block; width: 100%; } .row-fluid .service_form .hs-fieldtype-textarea > label { margin:0 0 20px; font-size:18px; line-height:24px; color:#E30000; display:inline-block; width:100%; } .row-fluid .service_form .hs-fieldtype-textarea textarea { height:128px; border:1px solid #81a8b1; } .row-fluid .servicebtm_img { width:600px; float:left; position:absolute; top:110%; left:-50px; } .row-fluid .servicebtm_img img { width:100%; } /*-------- Product Page(05-10-2020) --------*/ .row-fluid .product-hero .hp_hero_wrap {max-width: 780px;width: 100%; border-radius: 50px 0; } .row-fluid .product-hero .hp_hero_wrap .btn_style { text-align:left; } .product-section .title-style { text-align: center; padding: 72px 0 40px; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(224, 226, 226, 1) 70%, rgba(167, 169, 172, 1) 97%); } .product-section .title-style .wrapper { max-width: 894px; } .product-section .title-style h2.top { font-size: 70px; line-height: 70px; text-transform: capitalize; font-weight: 800; color: #575756; margin: 14px 17px 5px 7px; } .product-section .title-style h2.top:before { content: ""; width: 25px; height: 20px; border-left: 2px solid #e30000; display: inline-block; border-top: 2px solid #e30000; vertical-align: top; margin: -14px -24px 0 -10px; } .product-section .title-style h2.top:after { content: ""; width: 25px; height: 19px; border-right: 2px solid #e30000; display: inline-block; border-bottom: 2px solid #e30000; vertical-align: bottom; margin: -5px -17px -5px -16px; } .product-section .title-style .sec-para { padding: 31px 0 68px; } .product-section .title-style .sec-para p { font-weight: 300; line-height: 1.8; } .product-section .title-style h2 { margin: 5px 17px 7px 6px; width: auto; } .product-section .title-style h2:after { content: ""; width: 25px; height: 20px; border-right: 2px solid #e30000; display: inline-block; border-bottom: 2px solid #e30000; vertical-align: bottom; margin: -5px -17px -7px -12px; } .product-section .title-style h2:before { content: ""; width: 25px; height: 20px; border-left: 2px solid #e30000; display: inline-block; border-top: 2px solid #e30000; vertical-align: top; margin: -4px -24px 0 -10px; } .product-section .product-group { display: flex; max-width: 1900px; margin: 0 auto; flex-wrap: wrap; width: 100%; padding-top: 11px; } .product-section .product-group .product-box { width: 70%; float: left; display: flex; padding-top: 10px; padding-bottom: 10px; } .product-section .product-group .product-box:nth-child(even) { width: 30%; padding-left: 11px; } .product-section .product-group .product-box .box-in { width: 100%; background-color:#C4D8DA; display:flex; padding: 22px 32px 23px 150px; min-height: 412px; position:relative; } .product-section .product-group .product-box:nth-child(odd) { padding-right: 11px; } .product-section .product-group .product-box .image { width: 406px; float: left; padding-left: 136px; display: flex; align-items: center; justify-content: center; } .product-section .product-group .product-box .image img { max-width: 269px; max-height: 366px; width: auto; height: auto; object-fit: contain; } .product-section .product-group .product-box .content { width: calc(100% - 407px); margin: 28px 0; float: left;} .product-section .product-group .product-box .content .cont-in { opacity:1; position: relative; padding: 15px 60px 35px 26px; z-index: 1; display: inline-block; width: auto; text-align:left; } .product-section .product-group .product-box .content .cont-in:before { content: ""; width: 45px; height: 30px; border-left: 2px solid #e30000; display: inline-block; border-top: 2px solid #e30000; vertical-align: top; margin: 0; position: absolute; top: 0; left: 0; } .product-section .product-group .product-box .content .cont-in:after { content: ""; width: 45px; height: 29px; border-right: 2px solid #e30000; display: inline-block; border-bottom: 2px solid #e30000; vertical-align: bottom; margin: 0; position: absolute; bottom: 0; right: 0; } .product-section .product-group .product-box .content h3 { opacity:1; font-size: 60px; line-height: 65px; text-transform: uppercase; font-weight: 800; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .product-section .product-group .product-box .content .para { opacity:1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .product-section .product-group .product-box .box-in:hover .content h3, .product-section .product-group .product-box .box-in:hover .content .para { opacity:0; } .product-section .product-group .product-box .content .para p { font-size: 26px; line-height: 36px; font-weight: 500; color: #575756; } .product-section .product-group .product-box .content img.text-logo { position: absolute; top: 0; right: -62px; width: 77px; height: auto; } .product-section .product-group .product-box .content .subtitle { font-size: 35px; line-height: 40px; font-weight: 800; color: #575756; } .product-section .product-group .product-box:nth-child(even) .box-in { padding: 62px 60px 30px 75px; display:block; } .product-section .product-group .product-box:nth-child(even) .content { width: calc(100% - 126px); padding: 5px 36px 0 0; margin:0px; } .product-section .product-group .product-box:nth-child(even) .image { width: 126px; padding-left: 0; } .product-section .product-group .product-box:nth-child(even) .content .cont-in { padding:0px; } .product-section .product-group .product-box:nth-child(even) .content .cont-in:before, .product-section .product-group .product-box:nth-child(even) .content .cont-in:after { display: none; } .product-section .product-group .product-box:nth-child(even) .image img { max-width: 126px; max-height: 227px; } .row-fluid .product-box:nth-child(odd) .box-in a.box_link { padding-left: 230px; } .row-fluid .product-box:nth-child(even) .box-in a.box_link { padding-left: 43px; } .row-fluid .product-box .box-in a.box_link { padding:50px 8%; position:absolute; font-size:33px; line-height:40px; top:0; left:0; bottom:0; right:0; background:rgb(60,60,59,0.7); color:#fff; font-weight:800; z-index:1; display: flex; align-items: center; opacity: 0; visibility: hidden; } .product-section .product-group .product-box .box-in:hover a.box_link { opacity:1; visibility: visible; } /*-------- Pedestal Category Page(09-10-2020) --------*/ .row-fluid .category-hero .hp_hero_wrap { min-width: 490px; width: auto; -webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0; } .row-fluid .btn-left .hp_hero_wrap .btn_style{ text-align:left; } .row-fluid .category-section {padding: 94px 0 85px;text-align: center;background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 6%, rgba(103,152,162,0.7) 100%);} .row-fluid .category-section .title_style { max-width: 944px; margin: 0 auto; } .row-fluid .category-section .title_style h2 { margin: 0px 17px 1px 15px; position: relative; } /* .row-fluid .category-section .title_style h2:before, .row-fluid .category-section .title_style h2:after { position: absolute; } */ /* .row-fluid .category-section .title_style h2:before { top: 1px; left: -15px; margin: 0; } .row-fluid .category-section .title_style h2:after { margin: 0; bottom: -1px; right: -17px; } */ .row-fluid .category-section .title_style h2:before { margin: -2px -25px 0 0; } .row-fluid .category-section .title_style h2:after { margin: -2px 0 0 -25px; } .row-fluid .category-section .title_style .para { max-width: 870px; margin: 42px auto 0; } .row-fluid .category-section .title_style p { font-weight: 300; margin: 0 0 30px; } .row-fluid .category-section .title_style p:last-child { margin-bottom: 0px; } .row-fluid .category-section .top-category { display: block; width: auto; float: none; margin-left: 0; margin-right: 0; } .row-fluid .category-section .top-category-group { width: 100%; display: flex; flex-wrap: wrap; padding: 38px 0px 0; justify-content: center; max-width: 1080px; margin: 0 auto; } .row-fluid .category-section .top-category-box { width: 33.33%; float: left; padding: 15px 10px; } .row-fluid .category-section .top-category-box .contain p { font-weight: 300; font-size: 14px; line-height: 24px; } .row-fluid .category-section .top-category-box .title-icon { display: inline-flex; position:relative; background-color: #6798A2; border-radius: 20px 0 20px 0; padding: 9px 15px 8px; min-width: 319px; align-items: center; margin-top: 20px; -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 .category-section .top-category-box .title-icon a.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .row-fluid .category-section .top-category-box .title-icon .img { width: 50px; float: left; line-height: 0; padding-right: 10px; } .row-fluid .category-section .top-category-box .title-icon h3 { text-align:left; width: calc(100% - 50px); float: left; font-size: 24px; line-height: 30px; color: #fff; padding-left: 3px; } .row-fluid .category-section .top-category-box .title-icon:hover { background:#E30000; } .row-fluid .category-section .imgtext-group-wrap { display: block; width: auto; float: none; margin-left: 0; margin-right: 0; } .row-fluid .category-section .imgtext-group { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1067px; margin: 0 auto; padding-top: 80px; } .row-fluid .category-section .imgtext-group .imgtext-box { width: 25%; float: left; padding: 15px 8px; display: flex; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap { display: flex; position: relative; padding: 5px 10px; background-color: #6798A2; border-radius: 20px 0 20px 0; align-items: center; width: 100%; -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 .category-section .imgtext-group .imgtext-box .title-wrap a.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap .img { width: 50px; float: left; text-align: center; line-height: 0px;} .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap h3 { text-align:left; width: calc(100% - 50px); float: left; padding-left: 13px; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap h3 { font-size: 24px; line-height: 30px; color: #fff; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap:hover { background:#E30000; } .row-fluid .category-section .title_style h3:before { content: ""; width: 25px; height: 20px; border-left: 2px solid #E30000; display: inline-block; border-top: 2px solid #E30000; vertical-align: top; margin: -5px -17px 0 -10px; } .row-fluid .category-section .title_style h3:after { content: ""; width: 25px; height: 20px; border-right: 2px solid #E30000; display: inline-block; border-bottom: 2px solid #E30000; vertical-align: bottom; margin: -5px -17px 0 -10px; } .row-fluid .pedestal-section {padding: 74px 0 40px;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(224, 226, 226, 0.7) 70%, rgba(167, 169, 172, 0.7) 97%);text-align: center;} .row-fluid .pedestal-section .title_style h2 { position: relative; margin: 4px 22px 5px 15px; display: inline-block; } .row-fluid .pedestal-section .title_style h2:before, .row-fluid .pedestal-section .title_style h2:after { position: absolute; margin: 0; } .row-fluid .pedestal-section .title_style h2:before { top: -4px; left: -15px; } .row-fluid .pedestal-section .title_style h2:after { bottom: -5px; right: -22px; } .row-fluid .pedestal-section .threecolumn-group { display: flex; margin-top: 23px; } .row-fluid .pedestal-section .threecolumn-group .column-box { width: 33.33%; float: left; display: flex; padding: 30px 37px; align-items: center; } .row-fluid .pedestal-section .threecolumn-group .column-box .inner { display:flex; align-items:center; } .row-fluid .pedestal-section .threecolumn-group .column-box .image { width: 90px; float: left; } .row-fluid .pedestal-section .threecolumn-group .column-box .contain { width: calc(100% - 90px); float: left; font-weight: 700; text-transform: unset; color: #575756; padding-left: 5px; } .row-fluid .pedestal-section .threecolumn-group .column-box .image { line-height: 0px; } .row-fluid .pedestal-section .threecolumn-group .column-box .contain span { display: block; color: #E30000; } .row-fluid .pedestal-section .pedestal-groupwrap { display: block; width: auto; float: none; margin-left: 0px; margin-right: 0px; } .row-fluid .pedestal-section .pedestal-group { display: flex; flex-wrap: wrap; margin-top: 38px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box { width: 25%; float: left; padding: 22px 15px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .image { line-height: 0; display: flex; align-items: flex-end; justify-content: center; width: 100%; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .image img { object-fit: contain; max-width: 230px; height: auto; max-height: 200px;} .row-fluid .pedestal-section .pedestal-group .pedestal-box .content { padding-top: 10px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .content h4 { color: #575756; font-weight: 800; font-size: 33px; line-height: 40px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .content .size { color: #E30000; font-weight: 500; font-size: 20px; line-height: 25px; } .row-fluid .pedestal-section .pedestal-box .inner { position:relative; } .row-fluid .pedestal-section .pedestal-box .inner a.box_link { padding:30px 15px; position:absolute; font-size:33px; line-height:40px; top:0; left:0; bottom:0; right:0; background:rgb(60,60,59,0.7); color:#fff; font-weight:800; z-index:1; display: flex; align-items:flex-end; justify-content: center; opacity: 0; visibility: hidden; } .row-fluid .pedestal-section .pedestal-box .inner:hover a.box_link { opacity:1; visibility: visible; } .row-fluid .advantage-section { padding: 82px 0 90px; text-align: center; position: relative; z-index: 1; background: #6798A2; } .row-fluid .advantage-section:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: linear-gradient(to right,rgba(152,185,192,1) 0%,rgba(211,225,228,1) 57%,rgba(103,152,162,1) 97%,rgba(103,152,162,1) 100%);opacity: 0.7;z-index: -1;} /* .row-fluid .advantage-section:after {content: '';display: block;width: 70px;height: 100%;background: #6798a2;position: absolute;bottom: 0;top: 0;right: calc((100% - 798px) / 2);z-index: -1;} */ .row-fluid .advantage-section .wrapper { max-width: 1075px; } .row-fluid .advantage-section .title_style h2 { margin: 0 0 30px 0; } .row-fluid .advantage-section .title_style h2:before { margin: -1px -25px 0 -10px; } .row-fluid .advantage-section .title_style h2:after { margin: -5px -17px -6px -22px; } .row-fluid .advantage-section .advantage-groupwrap { display: block; width: auto; float: none; margin-left: 0; margin-right: 0; } .row-fluid .advantage-section .advantage-group { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0; } .row-fluid .advantage-section .advantage-group .advantage-box { width: calc(100% / 6); float: left; padding: 10px 8px; } .row-fluid .advantage-section .advantage-group .advantage-box h4 { font-size: 15px; line-height: 20px; color: #575756; font-weight: 800; width: 100%; } .row-fluid .advantage-section .advantage-group .advantage-box .image { width: 100%; height: 138px; border-radius: 0 30px 0 30px; background-color: #fff; max-width: 158px; margin: 0 auto 9px; position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding: 10px 0; } .row-fluid .advantage-section .advantage-group .advantage-box .image img { width: auto; /*height: auto;*/ height: 100%; object-fit: contain; max-height: 138px; max-width: 158px; } .accessories-section { padding: 104px 0 110px; } .accessories-section .wrapper { max-width: 1060px; } .accessories-section .title_style { text-align: center; max-width: 910px; margin: 0 auto; } .accessories-section .title_style h2 { display: inline-block; margin: 3px 0 5px 5px; } .accessories-section .title_style h2:before { margin: -3px -19px 0 -10px; } .accessories-section .title_style h2:after { margin: 0 0 -5px -19px; } .accessories-section .title_style .sec-para { padding-top: 45px; } .accessories-section .title_style .sec-para p { font-weight: 300; } .accessories-section .title_style .sec-btn { padding-top: 40px; } .accessories-section .accessories-group { width: 100%; padding-top: 104px; } .accessories-section .accessories-box { width: 100%; display: flex; margin-bottom: 60px; } .accessories-section .accessories-box:last-child { margin-bottom: 0px; } .accessories-section .accessories-box:nth-child(odd) { flex-direction: row-reverse; } .accessories-section .accessories-box:nth-child(odd) .content { padding-left: 0; padding-right: 100px; } .accessories-section .accessories-box .image { width: 425px; height: 272px; float: left; position: relative; background-color: #fff; overflow: hidden; z-index: 1; border-radius: 0 80px 0 80px; display: flex; align-items: flex-end; justify-content: center; } /* .accessories-section .accessories-box .image:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; border: 0; left: 0; right: 0; z-index: -1; background: linear-gradient(to right, rgba(152, 185, 192, 1) 0%, rgba(211, 225, 228, 1) 57%, rgba(103, 152, 162, 1) 97%, rgba(103, 152, 162, 1) 100%); opacity: 0.5; } */ .accessories-section .accessories-box .image img { width: 100%; height: 100%; object-fit: contain; object-position: bottom center; } .accessories-section .accessories-box .content { width: calc(100% - 425px); float: left; padding: 25px 0px 0 100px; } .accessories-section .accessories-box .content h3 { font-size: 34px; line-height: 38px; } .accessories-section .accessories-box .content .para { padding-top: 39px; } .accessories-section .accessories-box .content .para p { font-weight: 300; margin: 0 0 20px; } .accessories-section .accessories-box .content .para ul li { position: relative; padding-left: 16px; font-weight:300; } .accessories-section .accessories-box .content .para ul li:before { content: ''; display: inline-block; height: 6px; width: 6px; border-radius: 40px; background-color: #000; overflow: hidden; position: absolute; top: 8px; left: 0; } .accessories-section .accessories-box .content .para p:last-child { margin-bottom: 0; } .row-fluid .hp_range2 .title_style { margin-bottom: 39px; } .row-fluid .hp_range2 .title_style h2 { display: inline-block; margin: 7px 0 9px 0; } .row-fluid .hp_range2 .title_style h2:before, .row-fluid .hp_range2 .title_style h2:after { margin: 0; height: 40px; } .row-fluid .hp_range2 .title_style h2:before { margin: -6px 0 0 0; } .row-fluid .hp_range2 .title_style h2:after { margin: 0 0 -9px -9px; } .row-fluid .hp_range2 .hp_range_box { width: 25%; margin: 0 -1.6px; } .row-fluid .hp_range2 .hp_range_img { height: 232px; margin-bottom: 74px; } .row-fluid .hp_range2 .hp_range_img img { max-height: 232px; object-fit: contain; } .row-fluid .hp_range2 .hp_range_box h3 { font-size: 33px; line-height: 40px; } .row-fluid .hp_range2 .hp_range_box a { padding: 3px 33px 25px; } .row-fluid .hp_range2 .hp_range_text { padding: 0 0 10px 18px; } .row-fluid .hp_range2 .btn_style { width: 100%; text-align: center; padding-top: 39px; } .row-fluid .case_studyv2 .title_style h2 { margin-bottom: 44px; } .row-fluid .case_studyv2 .title_style h2:before { margin: -5px 0px 0 -10px; } .row-fluid .case_studyv2 .title_style h2:after { margin: -5px -17px -8px -4px; } .row-fluid .case_studyv2 .title_style h2:before, .row-fluid .case_studyv2 .title_style h2:after { height: 40px; } .row-fluid .case_studyv2 .hp_studies_box { padding:0; } .row-fluid .testimonial2 { padding-top: 104px; } .row-fluid .testimonial2 .title_style { margin-bottom: 50px; } .row-fluid .testimonial2 .title_style h2 { display: inline-block; margin: 4px 0 4px; } .row-fluid .testimonial2 .title_style h2:before, .row-fluid .testimonial2 .title_style h2:after { margin: 0; height: 40px; } .row-fluid .testimonial2 .title_style h2:after { margin: 0 0 -3px -4px; } .row-fluid .testimonial2 .title_style h2:before { margin: -4px -8px 0 0px; }.row-fluid .testimonial2 .hp_testy_img { width: calc(45% - 6px); } .row-fluid .testimonial2 .hp_testy_text { width: calc(55% + 6px); padding-bottom: 155px; } .row-fluid .testimonial2 .hp_testy_text:before { width: 130px; height: 109px; top: 52px; left: 18px; } .row-fluid .testimonial2 .hp_testy_text p { padding-top: 6px; line-height: 27px; letter-spacing: 1px; } .row-fluid .testimonial2 .hp_testy_text h5 { padding-top: 9px; } .table-section { padding:63px 0 70px; background-color: #fff; position: relative; overflow:hidden; z-index: 1; } .table-section:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; background: linear-gradient(to right, rgba(152, 185, 192, 1) 0%, rgba(211, 225, 228, 1) 57%, rgba(103, 152, 162, 1) 97%, rgba(103, 152, 162, 1) 100%); opacity: 0.7; z-index: -1; } .table-section img.bg-img { position: absolute; top: 16%; right: 0; z-index: -1; max-width: 100%; width: auto; height: auto; } .table-section h2 { display: inline-block; } .row-fluid .table-section .title_style { max-width: 866px; } .row-fluid .table-section .title_style h2 { display: inline-block; margin: 3px 0 6px 0; } .row-fluid .table-section .title_style h2:before, .row-fluid .table-section .title_style h2:after { } .row-fluid .table-section .title_style h2:after { margin: 0 0 -6px -10px; } .row-fluid .table-section .title_style h2:before { margin: -3px -18px 0 0; } .row-fluid .table-section .title_style h2:after, .row-fluid .table-section .title_style h2:before { width: 18px; height: 15px; } .row-fluid .table-section .title_style .btn_style { padding-top: 51px; } .row-fluid .table-section .title_style .btn_style a { font-size: 24px; line-height: 28px; font-weight: 800; position: relative; padding: 9.5px 29px 9.5px 13px; } .row-fluid .table-section .title_style .btn_style a:before { content: ''; display: inline-block; width: 35px; height: 44px; background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/calculator.png); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-right: 32px; } .table-section .table-group.mobile { display: none; } .table-section .table-group.desktop { display: inline-block; } .table-section .table-box { width: 100%; text-align: center; } .table-section .table-box .th { display: flex; width: 100%; float: left; } .table-section .table-group {width: 100%;border: 1px solid #575756;background-color: #fff;max-width: 830px; display: inline-block;margin-top: 86px;} .table-section .table-box .th .td, .table-section .table-box .tr .td { width: calc((100% / 5) - 4px); float: left; margin-right: 5px; padding: 5px 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 19px; color: #000; font-weight: 500; } .table-section .table-box .th .td:last-child, .table-section .table-box .tr .td:last-child { margin-right: 0px; } .table-section .table-box .th .td:first-child, .table-section .table-box .tr .td.r-title { width: calc(30% - 4px); } .table-section .table-box .th .td {background-color: #A9A8A8;color: #fff;min-height: 34px;} .table-section .table-box .tr { display: flex; width: 100%; float: left; margin: 2px 0; } .table-section .table-box .tr .td {font-weight: 700;} .table-section .table-box .tr .td.r-title { font-weight: 400; } .table-section .table-box .tr:not(:first-child):nth-child(odd) { background-color: #ECECEC; } .table-section .table-box .th .td.red { background-color: #E40621; } .table-section .table-box sup { font-size: 68%; display: inline-block; vertical-align: revert; float: none; margin-top: -5px; } .table-section .bottom-para { max-width: 1046px; width: 100%; padding-top: 29px; } .table-section .bottom-para p { font-weight: 300; } .row-fluid .individual-hero .hp_hero_wrap { max-width: 568px; width:100%; } .row-fluid .individual-hero .hp_hero_wrap {-webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0; } .text-img-section { padding: 109px 0 70px; border-bottom: 14px solid #fff; background: linear-gradient(to bottom, rgb(255 255 255 / 70%) 0%, rgba(211,225,228,0.7) 100%); } .text-img-section .wrapper { max-width: 1250px; } .text-img-section .sec-in { width: 100%; display: flex; } .text-img-section .left { width: calc(100% - 490px); float: left; padding-right: 30px; text-align: center; } .text-img-section .right { width: 490px; float: left; padding-top: 68px; } .text-img-section .right img { width: auto; } .text-img-section .para { padding:0 40px; } .text-img-section .para p { font-size: 17px; line-height: 26px; font-weight: 500; color: #575756; margin: 0 0 16px; } .text-img-section .para p span { font-weight: 300; } .text-img-section .para p .advantage { display: inline-block; font-weight: 500; position: relative; color: #E30000; font-size: 24px; line-height: 32px; margin: 27px 0 18px; } .text-img-section .para p .advantage:before { content: ''; display: inline-block; width: 47px; height: 43px; background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/advantage-icon.png); background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } .text-img-section .btn { padding-top: 26px; } .video_section {padding: 85px 0 100px;position: relative;z-index: 1;background-color: #fff;} .video_section:before { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: linear-gradient(to bottom, rgba(211, 225, 228, .7) 0%, rgba(103, 152, 162, .7) 100%); z-index: -1; } .video_section .title_style { text-align: center; } .video_section .title_style h2, .video_section .bottom-title h3 { font-size: 36px; line-height: 43px; } .video_section .video-wrap { text-align: center; padding-top: 20px; } .video_section .video-wrap .video-thumb { max-width: 848px; width: 100%; height: 568px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; margin: 0 auto; } .video_section .video-wrap .video-thumb a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; cursor: pointer; } .video_section .video-wrap .video-thumb a:before { content: '\f04b'; font-family: 'FontAwesome'; width: 150px; height: 150px; display: inline-flex; border: 12px solid #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: center; color: #fff; font-size: 75px; padding-left: 10px; } .video_section .bottom-title { text-align: center; padding-top: 103px; } .video_section .bottom-title h3:before { content: ""; width: 25px; height: 20px; border-left: 2px solid #e30000; display: inline-block; border-top: 2px solid #e30000; vertical-align: top; margin: -5px -17px 0 -10px; } .video_section .bottom-title h3:before { display: inline-block; } .video_section .bottom-title h3:after { content: ""; width: 25px; height: 20px; border-right: 2px solid #e30000; display: inline-block; border-bottom: 2px solid #e30000; vertical-align: bottom; margin: -5px -17px 0 -10px; } .video_section .videobtn-group { display: flex; flex-wrap: wrap; margin: 0 -8px; justify-content: center; padding-top: 61px; } .video_section .videobtn-box { float: left; position: relative; width: auto; margin: 8px; background-color: #6798A2; border-radius: 0 20px 0 20px; padding: 10px 17px 10px 14px; display: flex; align-items: center; } .video_section .videobtn-box a.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; cursor: pointer; } .video_section .videobtn-box .img { width: 40px; float: left; } .video_section .videobtn-box h4 { width: calc(100% - 40px); float: left; font-size: 24px; line-height: 30px; color: #fff; font-weight: 800; padding-left: 17px; } .video_section .videobtn-box .img img { max-width: 40px; max-height: 50px; width: auto; height: auto; object-fit: contain; } #hidden-video { background-color: transparent; } #hidden-video iframe { width: 670px; height: 377px; } #hidden-video button.fancybox-button { background: rgb(255 255 255 / 0.5); } .row-fluid .strip-font .hp_talk_wrap h3 { font-size: 39px; line-height: 45px; letter-spacing: 5px; } .row-fluid .category-hero .hp_hero_section:after {content: '';display: block;width: 100%;height: 50%;top: 0;left: 0;right: 0;background: linear-gradient(to bottom, #1d1d1b 0%,rgb(255 255 255 / 1) 100%);position: absolute;mix-blend-mode: multiply;} .row-fluid .accesscate-hero .hp_hero_wrap { max-width: 628px; width: 100%; } .row-fluid .accesscate-hero .hp_hero_section:after { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; background: linear-gradient(to bottom, #1d1d1b 0%, rgb(255 255 255 / 1) 100%); position: absolute; mix-blend-mode: multiply; border-radius: 0 0 0 150px; } .acs-category-section { padding: 98px 0 0px; background-color: #fff; position: relative; overflow: hidden; } .acs-category-section .wrapper { max-width: 900px; } .acs-category-section .title_style { text-align: center; } .acs-category-section .title_style h2 { margin:0px; } .acs-category-section .sec-para { padding-top: 45px; } .acs-category-section .sec-para p { font-weight: 300; margin: 0 0 30px; } .acs-category-section .sec-para p:last-child { margin-bottom: 0; } .acs-category-section .title_style .btn_style { padding-top: 54px; } .acs-category-section .filter-btnogroup { width: auto; display: inline; } .acs-category-section .filter-btnogroupwrap { max-width: 1142px; margin: 0 auto; padding:0 15px; } .acs-category-section .filter-btnogroupwrap .btn-title { display: inline-block; font-size: 25px; line-height: 30px; color: #E30000; font-weight: 800; text-transform: uppercase; vertical-align: sub; margin-left: 9px; margin-right: 17px; } .acs-category-section .filter-btnogroup button.button { display: inline-block; vertical-align: middle; background-color: #6798A2; font-size: 21px; line-height: 25px; border-radius: 0 16px 0 16px; text-transform: capitalize; color: #fff; font-weight: 500; padding: 8px 24px; height: auto; margin: 5px 9px; transition: all 0.3s linear; letter-spacing: 0.5px; } .acs-category-section .acs-category-filter { padding-top: 50px; } .acs-category-section .filter-btnogroup button:hover, .acs-category-section .filter-btnogroup button.active { background-color: #E30000; } .acs-category-section .filter-btnogroup button.button:focus { outline: none; } .acs-category-section .acs-category-groupwrap { display: block; width: auto; float: none; margin-left: -9px; margin-right: -9px; } .acs-category-section .acs-category-group { width:100%; /*display: flex; flex-wrap: wrap;*/ margin-top: 58px; } .acs-category-section .acs-category-group .acs-category-box { width: 25%; float: left; text-align: center; padding: 10px 9px; } .acs-category-section .acs-category-group .acs-category-box .box-in { width:100%; position:relative; background-color: rgb(234 235 235 / .70); padding: 23px 0 20px; } .acs-category-section .acs-category-group .acs-category-box .box-in .box-link { padding: 30px 15px; position: absolute; font-size: 33px; line-height: 40px; top: 0; left: 0; bottom: 0; right: 0; background: rgb(60, 60, 59, 0.7); color: #fff; font-weight: 800; z-index: 1; display: flex; align-items: flex-end; justify-content: center; opacity: 0; visibility: hidden; } .acs-category-section .acs-category-group .acs-category-box .box-in:hover .box-link { opacity: 1; visibility: visible; } .acs-category-section .acs-category-group .acs-category-box .image { line-height:0px; display: flex; align-items: center; justify-content: center; } .acs-category-section .acs-category-group .acs-category-box .imgtext { font-size: 25px; line-height: 30px; color: #000000; font-weight: 800; padding: 0 15px; } .acs-category-section .acs-category-group .acs-category-box .image img { max-width: 100%; width: auto; height: auto; max-height: 231px; object-fit: contain; } .acs-category-section .acs-category-group .acs-category-box .title { padding: 17px 15px 0; } .acs-category-section .acs-category-group .acs-category-box .title h4 { font-size: 25px; line-height: 30px; color: #575756; font-weight: 800; margin: 0; padding: 0; } .acs-category-section .filter-btnogroupwrap label.filter-label.mobile { display: none; } .acs-category-section .filter-btnogroupwrap .desktop { display: inline; } .acs-category-section .acs-category-group .acs-category-box .on-hover-box {position: absolute; top: 0; bottom: 0; text-align: center; vertical-align: middle; width: 100%; height: 100%; background: rgba(60,60,59,0.7); z-index: 1; display: flex; align-items: flex-end; padding: 30px; color: #fff; justify-content: center; opacity:0; transition:all ease 0.4s;} .acs-category-section .acs-category-group .acs-category-box .on-hover-box h3 {color:#fff;} .acs-category-section .acs-category-group .acs-category-box > a {position:relative;display: block;} .acs-category-section .acs-category-group .acs-category-box > a:hover .on-hover-box {opacity:1;} .row-fluid .pestal-indi-hero .hp_hero_section:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(to bottom, #1d1d1b 0%, rgb(255 255 255 / 1) 100%); mix-blend-mode: multiply; } .row-fluid .blog_hero.hp_hero_section:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(to bottom, #1d1d1b 0%, rgb(255 255 255 / 1) 100%); mix-blend-mode: multiply; } .row-fluid .pestal-indi-hero .hp_hero_wrap { max-width: 750px; width: 100%; -webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0; } .row-fluid .pestal-indi-hero .hp_hero_wrap .sub { margin:0 0 18px; font-size:24px; line-height:30px; font-weight:700; color:#fff; } .text-img-section.new { background: linear-gradient(to bottom, rgb(255 255 255 / 70%) 0%, rgba(211, 225, 228, 0.57) 100%); padding-bottom: 93px; border:0px;} .text-img-section.new .wrapper { max-width: 1068px; } .row-fluid .text-img-section.new .title_style h2 span { font-size: 35px; line-height: 38px; } .text-img-section.new .para p { font-weight: 300; margin: 0 0 48px; } .text-img-section.new .para p strong { display: block; } .text-img-section.new .para p:last-child { margin-bottom: 0; } .text-img-section.new .btn { padding-top: 86px; } .text-img-section.new .btn2 { padding-top: 25px; } .text-img-section.new .left { width: calc(100% - 361px); padding-right: 43px; } .text-img-section.new .right { padding-top: 0; width: 361px; } .text-img-section.new .sec-in { align-items: center; } .text-img-section.new .para { padding: 0; } .content-section { background-color: #fff; padding: 25px 0; position: relative; overflow: hidden; } .content-section .content-group { display: flex; flex-wrap: wrap; justify-content: center; } .content-section .content-group .content-box { width: 20%; float: left; display: flex; padding: 15px 15px; align-items: center; justify-content: center; } .content-section .content-group .content-box img { max-width: 51px; width: auto; height: auto; object-fit: contain; } .content-section .content-group .content-box .contain { padding-left: 5px; text-align: center; } .content-section .content-group .content-box .contain h4 { font-size: 16px; line-height: 24px; font-weight: 600; } .content-section .content-group .content-box .contain .subtitle { color: #E30000; font-weight: 600; } .content-section .content-group .content-box .contain .subtitle span { font-size: 10px; color: #575756; display: inline-block; vertical-align: text-top; } /*============ Video Page =============*/ .row-fluid .video-hero .hp_hero_section { background-position:bottom center; border-bottom: 1px solid rgb(215 227 229 / 0.88); } .row-fluid .video-hero .hp_hero_wrap { width: 618px; -webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0; } .row-fluid .video-hero .hp_hero_section:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(to bottom, #1d1d1b 0%, rgb(255 255 255 / 1) 100%); mix-blend-mode: multiply; } .videos-section { padding: 65px 0 40px;background-color: #fff; } .videos-section .wrapper { max-width: 1070px; } .videos-section .title_style {margin: 0 0 57px;} .videos-section .title_style h2 { margin: 0; padding: 5px 0 0 0px; font-size: 46px; line-height: 51px; font-weight: 700; } .row-fluid .videos-section .title_style h2:after { margin: 0 0 0px -22px; } .row-fluid .videos-section .title_style h2:before { margin: -5px -30px 0 0; } .videos-section .videos-filter .videobtn-group { width: auto; display: inline; } .videos-section .videos-filter .desktop.btn-label { display: inline; } .videos-section .videos-filter .btn-label {font-size: 25px;line-height: 30px;color: #e30000;font-weight: 700;text-transform: uppercase;vertical-align: sub;margin-left: 0;margin-right: 17px;} .videos-section .videos-filter .videobtn-group button { display: inline-block; vertical-align: middle; background-color: #6798a2; font-size: 21px; line-height: 25px; border-radius: 0 16px 0 16px; text-transform: capitalize; color: #fff; font-weight: 500; padding: 8px 24px; height: auto; margin: 5px 9px; transition: all .3s linear; letter-spacing: .5px; } .videos-section .videos-filter .videobtn-group button.active { background-color: #e30000; } .videos-section .videos-filter .videobtn-group button:hover { background-color: #e30000; } .videos-section .videos-filter .vidfilter-label.mobile { display: none; } .videos-section .vidoes-group {display: flex;flex-wrap: wrap;margin: 11px -10px 0;width: auto;} .videos-section .vidoes-group .vidoes-box {width: 25%;float: left;display: flex;padding: 15px 10px;} .videos-section .vidoes-group .vidoes-box .box-in { width: 100%; } .videos-section .vidoes-group .vidoes-box h4 {font-size: 21px;line-height: 26px;color: #575756;font-weight: 700;text-align: center;} .videos-section .vidoes-group .vidoes-box .video-thumb {width: 100%;height: 185px;background-repeat: no-repeat;background-size: 100% calc(100% + 70px); background-size:contain; background-position: center center;position: relative;margin-bottom: 6px;} .videos-section .vidoes-group .vidoes-box .video-thumb a { transition:all 0.3s linear; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .videos-section .vidoes-group .vidoes-box .video-thumb a:hover { background-color: rgb(0 0 0 / 0.65); background-blend-mode: multiply; } .videos-section .vidoes-group .vidoes-box .video-thumb a:before, .videos-section .vidoes-group .vidoes-box .video-thumb a:after { content: ''; display: inline-block; height: 42px; width: 42px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; } .videos-section .vidoes-group .vidoes-box .video-thumb a:before { background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/video-play-hover.png); } .videos-section .vidoes-group .vidoes-box .video-thumb a:after { background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/video-play.png); } .videos-section .vidoes-group .vidoes-box .video-thumb a:hover:after { opacity: 0; } .youtube-video { background: transparent !important; padding: 30px !important; } .youtube-video iframe { width:560px; height:315px; } .youtube-video button.fancybox-button { background-color: #fff; opacity: 1; width: 30px; height: 30px; padding: 3px; } .youtube-video button.fancybox-button svg { opacity: 0.7; transition: all 0.3s linear; } .youtube-video button.fancybox-button:hover svg { opacity: 1; } .smpvid-section { padding: 50px 0 50px; background-color: #fff; } .smpvid-section .wrapper { max-width: 1070px; } .smpvid-section .title_style { margin-bottom: 62px; } .smpvid-section .row-fluid .title_style h2 { } .row-fluid .smpvid-section .title_style h2 { margin: 0; padding: 5px 0 0 0px; font-size: 46px; line-height: 51px; font-weight: 700; } .row-fluid .smpvid-section .title_style h2:before { margin: -5px -16px 0 0; } .row-fluid .smpvid-section .title_style h2:after { margin: 0 0 0px 0px; } .smpvid-section .smpvid-group { width: auto; display: flex; flex-wrap: wrap; margin: 0 -10px; } .smpvid-section .smpvid-group .smpvid-box { width: 25%; float: left; padding: 15px 10px; display: flex; } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb { width: 100%; height: 220px; background-repeat: no-repeat; background-size:100% calc(100% + 70px); background-position: center center; position: relative; margin-bottom: 7px; } .smpvid-section .smpvid-group .smpvid-box .box-in { width: 100%; } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link:before, .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link:after { content: ''; display: inline-block; height: 42px; width: 42px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link:before { background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/video-play-hover.png); } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link:after { background-image: url(https://6686947.fs1.hubspotusercontent-na1.net/hubfs/6686947/Buzon_2020/images/video-play.png); } .smpvid-section .smpvid-group .smpvid-box .smpvid-thumb a.pop-link:hover:after { opacity: 0; visibility: hidden; } .smpvid-section .smpvid-group .smpvid-box h4 { font-size: 21px; line-height: 26px; text-align: center; font-weight: 700; } .smpvid-pop { background: transparent !important; padding: 30px !important; } .smpvid-pop iframe { width:560px; height:315px; } .smpvid-pop button.fancybox-button { background-color: #fff; opacity: 1; width: 30px; height: 30px; padding: 3px; } .smpvid-pop button.fancybox-button svg { opacity: 0.7; transition: all 0.3s linear; } .smpvid-pop button.fancybox-button:hover svg { opacity: 1; } /*** About Page ***/ .row-fluid .categoryabout { padding:95px 0 100px; font-size:16px; line-height:28px; font-weight:500; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); } .row-fluid .categoryabout .wrapper { max-width:950px; } .row-fluid .categoryabout p { font-weight:500; } .row-fluid .accessories_title .accessories-group { padding-top:0; } .row-fluid .journey_section { padding:80px 0 70px; background: rgb(224,234,236); background: -moz-linear-gradient(top, rgba(224,234,236,1) 0%, rgba(235,241,243,1) 50%, rgba(209,224,227,1) 100%); background: -webkit-linear-gradient(top, rgba(224,234,236,1) 0%,rgba(235,241,243,1) 50%,rgba(209,224,227,1) 100%); background: linear-gradient(to bottom, rgba(224,234,236,1) 0%,rgba(235,241,243,1) 50%,rgba(209,224,227,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaec', endColorstr='#d1e0e3',GradientType=0 ); } .row-fluid .journey_section .wrapper { max-width: 950px; } .row-fluid .journey_section .title_style { text-align:center; margin-bottom: 40px; display: inline-block; width: 100%; } .row-fluid .journey_box { margin:50px 0 70px; background:#fff; font-size:16px; line-height:28px; color:#000; font-weight:400; display:inline-block; width:100%; -webkit-border-radius: 25px 0 25px 0; -moz-border-radius: 25px 0 25px 0; -o-border-radius: 25px 0 25px 0; -ms-border-radius: 25px 0 25px 0; border-radius: 25px 0 25px 0;; box-shadow:0 0 10px rgba(0,0,0,0.01); text-align:center; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .row-fluid .journey_box:last-child { margin-bottom:50px; } .row-fluid .journey_box:before { content:''; margin:0 auto; width:35px; border:35px solid transparent; border-top-color:#fff; position:absolute; top:100%; left:0; right:0; } .row-fluid .journey_box .left { width:280px; min-height: 78px; font-size:16px; line-height:28px; background:#94B7BE; position:relative; float:left; -webkit-border-radius: 25px 0 0 0; -moz-border-radius: 25px 0 0 0; -o-border-radius: 25px 0 0 0; -ms-border-radius: 25px 0 0 0; border-radius: 25px 0 0 0;; display: flex; align-items: center; font-weight:500; letter-spacing:0.5px; } .row-fluid .journey_box .left .year { width:120px; font-size:30px; line-height:36px; font-weight:500; color:#fff; letter-spacing:1px; display: inline-block; } .row-fluid .journey_box .text { padding:10px 5%; width:calc(100% - 280px); float:left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .row-fluid .journey_box .icon { width:calc(100% - 120px); padding-right:12px; max-height:155px; padding-bottom:5px; /*height:110px;*/ position:absolute; bottom:0px; /*transform: translateY(-50%);*/ right:0; text-align:center; display: flex; align-items: center; justify-content: center; margin-top: 0px; } .row-fluid .journey_box .icon img { max-height:150px; width:auto; height:auto; object-fit:contain; } .row-fluid .minds_section { padding:50px 0; font-size:16px; line-height:28px; font-weight:500; color:#000000; } .row-fluid .minds_section .wrapper { max-width:1050px; } .row-fluid .minds_section .title_style { margin:0 0 50px; } .row-fluid .minds_section .image { margin:0 0 50px; text-align:center; -webkit-border-radius: 0 100px 0 100px; -moz-border-radius: 0 100px 0 100px; -o-border-radius: 0 100px 0 100px; -ms-border-radius: 0 100px 0 100px; border-radius: 0 100px 0 100px;; overflow:hidden; } .row-fluid .minds_section .text { font-weight: 300; } .row-fluid .categoryfilter { padding:0; } .row-fluid .categoryfilter .acs-category-filter { padding:0; } .row-fluid .categoryfilter .filter-btnogroupwrap { padding:50px 0; } .row-fluid .categoryfilter .acs-category-group { margin:0; } .row-fluid .categoryfilter_bottom .hp_studies_box { padding:1px; } /*** Case Stuidies ***/ .row-fluid .details_section { padding:100px 0 40px; } .row-fluid .details_section .wrapper { width:1060px; max-width:100%; } .row-fluid .details_section .title_style h2 { font-size:40px; line-height:48px; } .row-fluid .details_left { padding:6px 8% 0 0; width:55%; float:left; } .row-fluid .details_box { margin:2px 0; font-size:16px; line-height:28px; display: flex; } .row-fluid .details_box .title { padding:0 5px 0 0; width:200px; font-weight:700; color:#575756; } .row-fluid .details_box .text { width:calc(100% - 200px); } .row-fluid .details_img { width:45%; -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; -o-border-radius: 0 0 0 100px; -ms-border-radius: 0 0 0 100px; border-radius: 0 0 0 100px;; overflow:hidden; float:left; } .row-fluid .accessoriesV2 .accessories-box .title_style { text-align:left; } .row-fluid .accessoriesV2 .accessories-box .image { height:auto; } .row-fluid .project_description { padding:40px 0 80px; } .row-fluid .project_description .title_style h2 { font-size:40px; line-height:48px; } .row-fluid .project_description .wrapper { width:1060px; max-width:100%; } .row-fluid .projectdescription_left { width:45%; float:left; } .row-fluid .projectdescription_left .img { margin: 8px 0; display: inline-block; width: 100%; } .row-fluid .projectdescription_left .imgtop { -webkit-border-radius: 0 100px 0 0; -moz-border-radius: 0 100px 0 0; -o-border-radius: 0 100px 0 0; -ms-border-radius: 0 100px 0 0; border-radius: 0 100px 0 0;; overflow:hidden; } .row-fluid .projectdescription_right { padding: 14px 0 0 8%; width:55%; float:left; font-size:16px; line-height:28px; } .row-fluid .projectdescription_right p { padding:15px 0; } .row-fluid .projectdescription_right .btn_style { margin-top:40px; } .row-fluid .project_gallery { padding:40px 0 150px; text-align:center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); } .row-fluid .project_gallery .btn_style { margin-top:60px; } .row-fluid .project_gallery .slick-dots { margin-top:30px; } .row-fluid .project_gallery .wrapper { width:1060px; max-width:100%; } .row-fluid .projectgallery_slider { margin-top:30px; } .row-fluid .projectgallery_slider .slick-slide { line-height:0; } .row-fluid .gallery_for .itemimg { padding:0 5px; width:100%; } .row-fluid .gallery_for .itemimg .images { width:100%; height:620px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .gallery_nav .itemimg { padding:10px 5px; width:100%; } .row-fluid .gallery_nav .itemimg .images { width:100%; height:170px; cursor:pointer; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .newsform { padding: 25px 45px 48px; width: 100%; max-width: 600px; float: none; color:#fff; display: inline-block; position: relative; z-index: 1; background: rgba(0, 0, 0, 0.65); -webkit-border-radius: 50px 0; -moz-border-radius: 50px 0; -o-border-radius: 50px 0; -ms-border-radius: 50px 0; border-radius: 50px 0;; position:relative; } .row-fluid .newsform h1 { margin:0 0 10px; font-size:50px; line-height:58px; color:#fff; } .row-fluid .newsform .sub { font-size:24px; line-height:32px; color:#fff; } .row-fluid .newsform .form { margin-top:15px; } .row-fluid .newsform .form .hs-form-field > label { display:none; } .row-fluid .newsform .form .hs-form-field .hs-input { height:35px; } .row-fluid .newsform .form .hs-button { margin-top:15px; color:#fff; height:auto; font-weight:300; -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;; background: #E30000; font-size:30px; line-height:30px; padding:5px 20px; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0;; float:none; display:inline-block; } .row-fluid .newsform .form .hs-button:hover { background: #93c6cc; } /**** Blog Section ***/ .row-fluid .blog_section { padding:70px 0 80px; } .row-fluid .blog_hero > div + div { margin:0 auto; } .row-fluid .blog_hero > div { margin:0 auto; } .row-fluid .post_item { padding:35px 15px; width:33.33%; float:left; font-size:16px; line-height:28px; color:#000000; } .row-fluid .post_item .inner { box-shadow:8px 8px 20px rgba(56,81,158,0.60); -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; -o-border-radius: 0 0 0 100px; -ms-border-radius: 0 0 0 100px; border-radius: 0 0 0 100px;; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;; } .row-fluid .post_item .featured_image { height:192px; } .row-fluid .post_item .text { padding:40px 15px; } .row-fluid .post_item h2 { font-size:20px; line-height:28px; font-weight:500; color:#588189; } .row-fluid .post_item h2 a { color:#588189; } .row-fluid .post_item .date { font-size:14px; line-height:22px; color:#588189; font-style:italic; } .row-fluid .post_item .content { padding:20px 0; } .row-fluid .post_item .btn_style { margin-top:15px; text-align:center; } .row-fluid .post_item .btn_style a { font-size:18px; line-height:24px; font-weight: 400; } .row-fluid .post_item .inner:hover { box-shadow:5px 5px 10px rgba(56,81,158,0.70); } .hs-blog-post .row-fluid .blog_section { padding-bottom:0; } .row-fluid .blog_listing .btn_style.load_more { margin-top:40px; text-align:center; } .row-fluid .blog_listing .btn_style.load_more a { font-size:29px; line-height:36px; font-weight:400; } .hs-blog-post .blog_section .wrapper { width:1000px; max-width:100%; } .row-fluid .blog_posting { margin:0 auto; font-size:18px; line-height:30px; } .row-fluid .blog_posting .title_style { margin:0 0 40px; } .row-fluid .blog_posting .title_style h2 { font-size:50px; line-height:58px; } .row-fluid .blog_posting .title_style .date { margin-top:40px; color:#94B7BE; font-weight:700; } .row-fluid .blog_posting .post-body p { padding:15px 0; } .row-fluid .blog_posting .post-body h2{ font-size: 35px; line-height: 1.3em; text-transform: uppercase; } .row-fluid .blog_posting .post-body a { color:#E30000; } .row-fluid .blog_posting .post-body h3 { padding:15px 0; font-size:24px; line-height:32px; font-weight:500; } /* .row-fluid .blog_posting .post-body img { margin: 0 auto; display: block; width:100% !important; } */ /* th change */ .row-fluid .blog_posting .post-body img { margin: 0 auto; display: block; } .row-fluid .pagination_articles { padding:60px 0 30px; } .row-fluid .pagination_articles .title_style h2 { font-size:35px; line-height:44px; } .row-fluid .pagination_main .box { padding:8px; width:33.33%; float:left; } .row-fluid .pagination_main .box a { padding:8px; width:100%; height:248px; font-size:24px; line-height:32px; font-weight:700; display:inline-block; position:relative; color:#fff; display: flex; align-items: center; justify-content: center; } .row-fluid .pagination_main .box a:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#3C3C3B; opacity:0.70; } .row-fluid .pagination_main .box .text { position:relative; } .row-fluid .pagination_main .box a:hover { box-shadow:5px 5px 10px rgba(56,81,158,0.70); } .row-fluid .about-author-sec { margin:0 0 50px; width:100%; float:left; padding:35px 20px; font-size:18px; line-height:28px; border:1px solid rgba(225,225,225,0.54); box-shadow:0 1px 1px 0 #E6EBEE; } .row-fluid .about-author-sec .author_img { float:left; width:150px; border:1px solid #E8E5E5; height:150px; background-size:cover !important; border-radius:50%; } .row-fluid .about-author-sec .author_text { width:calc(100% - 150px); float:left; padding-left:40px; } .row-fluid .about-author-sec .author-link { width:100%; float:left; color:#1f1f1f; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px} .row-fluid .about-author-sec .author-content { width:100%; float:left; color:#000; letter-spacing:.5px; font-weight:400; margin:15px 0 20px; } .row-fluid .about-author-sec .hs-author-name { padding:0; font-size: 28px; line-height: 38px; } .row-fluid .about-author-sec .hs-author-social-section { display: flex; align-items: center; } .row-fluid .about-author-sec .hs-author-social-label { margin-right:15px; display:inline-block; } .row-fluid .about-author-sec .hs-author-social-links ul { margin:0; padding:0; list-style-type:none; } .row-fluid .about-author-sec .hs-author-social-links ul li { float: none; display: inline-block; padding: 5px; margin: 0 -2px; } .row-fluid .about-author-sec .hs-author-social-links ul li a { background: #e30000; color: #fff; text-align: center; font-size: 18px; line-height: 36px; width: 32px; height: 32px; padding: 0 5px; -webkit-border-radius: 12px 0; -moz-border-radius: 12px 0; -o-border-radius: 12px 0; -ms-border-radius: 12px 0; border-radius: 12px 0;; float: none; display: inline-block; } .row-fluid .about-author-sec .hs-author-social-links ul li a:hover { opacity: 0.7; } .row-fluid .cookie_policy { padding:100px 0 70px; font-size:16px; line-height:30px; color:#000000; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,231,233,1) 44%, rgba(190,211,215,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,231,233,1) 44%,rgba(190,211,215,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(219,231,233,1) 44%,rgba(190,211,215,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bed3d7',GradientType=0 ); } .row-fluid .cookie_policy p { padding:15px 0; font-size:16px; line-height:30px; } .row-fluid .cookie_policy h5 { padding:15px 0; font-size:19px; line-height:28px; color:#000; font-weight:700; } .row-fluid .cookie_policy .sec_para a { color:#E30000; } .row-fluid .policies_section { padding:100px 0 150px; font-size:16px; line-height:30px; color:#000000; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,231,233,1) 44%, rgba(190,211,215,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,231,233,1) 44%,rgba(190,211,215,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(219,231,233,1) 44%,rgba(190,211,215,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bed3d7',GradientType=0 ); } .row-fluid .policies_section p { padding:15px 0; font-size:16px; line-height:30px; } .row-fluid .policies_section h4 { padding:15px 0; font-size:19px; line-height:28px; color:#000; font-weight:700; } .row-fluid .policies_section .sec_para a { color:#E30000; } .row-fluid .policies_section ul { margin:0; padding:0 0 0 15px; list-style-type:none; } .row-fluid .policies_section ul li { margin:10px 0; padding:0 0 0 12px; width:100%; display:inline-block; position:relative; } .row-fluid .policies_section ul li:before { content:''; width:4px; height:4px; background:#000; position:absolute; top:11px; left:0; border-radius:10px; } .row-fluid .footer_bottom a{ color: #e30000; } /*-------- Alurail Category Page --------*/ .row-fluid .table2.table-section .btn-group .btn_style a:last-child { margin-left: 22px; } .row-fluid .table2.table-section .table-box { display: flex; flex-wrap: wrap; margin-bottom: 4px; } .row-fluid .table2.table-section .table-groupwrap { margin-top: 19px; } .row-fluid .table2.table-section .table-group { max-width: 493px; width: 100%; border-color: #fff; padding: 10px 5px 5px; margin-top: 42px; margin-right: 61px; display: inline-block; vertical-align: top; float: none;} .row-fluid .table2.table-section .table-group:nth-child(even) { margin-right: 0; } .row-fluid .table2.table-section .table-group .main-title { margin-bottom: 29px; } .row-fluid .table2.table-section .table-group .main-title h6 { font-size: 16px; line-height: 19px; font-weight: 700; color: #000; } .row-fluid .table2.table-section .table-group .main-title h6 span { font-size: 17px; line-height: 15px; background-color: #E40521; color: #fff; display: inline-block; padding: 5px 6px 4px; border-radius: 0% 50% 50% 50%; vertical-align: sub; position: relative; top: 2px; margin-left: 19px; } .row-fluid .table2.table-section .table-box .th { margin-bottom: 7px; } .row-fluid .table2.table-section .table-box .th .td { background-color: #ABA9A9; } .row-fluid .table2.table-section .table-box .th .td,.row-fluid .table2.table-section .table-box .tr .td { width: calc((100% / 3) - 4px); } .row-fluid .table2.table-section .table-box .th .td:first-child,.row-fluid .table2.table-section .table-box .tr .td.r-title { width: calc(93.1% - 4px); } .row-fluid .table2.table-section .table-box .tr .td span { margin-left: 12px; display: inline-block; font-size: 16px; line-height: 20px; background-color: #FFED00; padding:0px 4px 0; border-radius: 0 50% 50% 50%; font-weight: 700; } .row-fluid .table2.table-section .table-box .tr .td { font-size: 13px; line-height: 18px; } .row-fluid .table2.table-section .table-box .th .td.red { background-color: #E40621; } .row-fluid .table2.table-section .table-groupwrap.mobile { display: none; } .row-fluid .table2.table-section .table-groupwrap.desktop { display: block; } .row-fluid .rc-banner .hp_hero_section{ background-position: center 98%; } .row-fluid .rc-hubdb-main { padding: 100px 0px; } .row-fluid .rc-hubdb-main .title_style { text-align: center; } .row-fluid .rc-hubdb-main .rc-hubdb-outer { padding-top: 70px; display: table; width: 100%; } .row-fluid .rc-hubdb-main .rc-hubdb-outer .rc-hubdb-top { margin: 0px -30px; } .row-fluid .rc-hubdb-main .dropdown-wrapp { width: calc(25% - 60px); float: left; margin: 15px 30px; } .row-fluid .rc-hubdb-main .dropdown{ position: relative; } .row-fluid .rc-hubdb-main .dropdown-wrapp h3 { font-size: 21px; color: #E30000; line-height: normal; margin-bottom: 10px; } .row-fluid .rc-hubdb-main .dropdown-wrapp ul { max-height: 265px; overflow: auto !important; z-index: 99; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); display: none; background-color: #93C6CC; padding: 0px 0px 10px; position: absolute; top: 100%; left: 0; right: 0; } .row-fluid .rc-hubdb-main .dropdown-wrapp ul li a{ display: block; color: #575756; padding: 6px 15px; line-height: normal; font-size: 21px; } .row-fluid .rc-hubdb-main .dropdown-wrapp h4 { color: #575756; border: 1px solid #6798A2; padding: 6px 35px 6px 15px; font-size: 21px; line-height: normal; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row-fluid .rc-hubdb-main .dropdown-wrapp h4:before { content: '\f04b'; position: absolute; top: 0; right: 10px; bottom: 0; font-family: 'fontawesome'; transform: rotate(-29deg); color: #E30000; font-size: 19px; height: 25px; margin: auto; } .rc-hubdb-bottom { margin: 0 -8px; display: flex; flex-wrap: wrap; padding-top: 60px; /*display: none;*/ } .rc-hubdb-bottom .rc-box { width: calc(16.66% - 16px); margin: 8px; float: left; position: relative; overflow: hidden; text-align: center; padding: 25px 15px; background-color: #93C6CC; } .rc-hubdb-bottom .rc-box h6 { color: #ffffff; font-size: 18px; font-weight: 700; } .rc-hubdb-bottom .rc-box a { position: absolute; top: 100%; left: 0; right: 0; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; background-color: #E30000; } .rc-hubdb-bottom .rc-box:hover a { top: 0;} .row-fluid .btn-apply { padding-top: 52px; display: table; width: 100%; text-align: center; } .row-fluid .btn-apply a { font-size: 20px; padding: 5px 40px; } .row-fluid .service_form .hs-fieldtype-textarea textarea { border: 0;border-bottom: 1px solid #81a8b1; height: 98px;} body.hs-blog-post h2 { font-weight:600!important; text-transform: uppercase !important; } @media (max-width:1300px) and (min-width:992px){ .row-fluid .category-section .title_style h2 {font-size: 48px;line-height: 60px;} .bc-fr .row-fluid .category-section .title_style h2 {font-size: 38px;line-height: 49px;} } @media (min-width:768px) { .row-fluid .header-menu .hs-menu-flow-horizontal > ul > li > a:after { content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 3px; background: #E30000; -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 .header-menu .hs-menu-wrapper > ul > li.active > a:after, .row-fluid .header-menu .hs-menu-wrapper > ul > li:hover > a:after { opacity: 1; } .row-fluid .header-menu .hs-menu-wrapper > ul > li ul.hs-menu-children-wrapper {padding: 5px 0;visibility: hidden; -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;background: #93c6cc;text-align: left;top: 105%;width: 160px;left: 0;position: absolute; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0;;} .row-fluid .header-menu .hs-menu-flow-horizontal ul li:hover > ul {top: 100%;opacity: 1;visibility: visible;} .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li {border-top: none;padding: 0 0px; -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 .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li:first-child { border: none; } .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li:hover:last-child { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;; } .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li:hover > a { color: #fff; } .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li a {padding: 10px 0;color: #000;} .row-fluid .header-menu .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {left: 105%;top: 14px; -webkit-border-radius: 0 10px; -moz-border-radius: 0 10px; -o-border-radius: 0 10px; -ms-border-radius: 0 10px; border-radius: 0 10px;;} .row-fluid .header-menu .hs-menu-wrapper > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {left: -104%; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; -o-border-radius: 10px 0; -ms-border-radius: 10px 0; border-radius: 10px 0;;} .row-fluid .header-menu .hs-menu-wrapper > ul li.hs-item-has-children:nth-last-child(2) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: -195px; } .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li a:hover {color: #fff;} .row-fluid .header-menu .hs-menu-wrapper > ul > li:last-child > ul { right: 0; left: auto; } .row-fluid .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul li a {white-space: normal;width: 100%;float: left;padding: 10px 15px;} .row-fluid .header_search .hs-search-field__bar { width: 300px; position: absolute; right: 0; top: 36px; display: none; } /**/ .row-fluid .header-menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper { background-blend-mode: multiply; background: rgba(0, 0, 0, 0.65); width: auto; min-width: 200px; left: 12px; } .row-fluid .header-menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper ul li a { color: #fff; } .row-fluid .header-menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li { padding: 2px 5px; width: 100%; float: left; } .row-fluid .header-menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li a { color: #fff; padding: 0px 0px; border-bottom: 2px solid transparent; width: auto; } .row-fluid .header-menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li a:hover { border-color: #E30000; } } @media (min-width:1200px){ .row-fluid .wrapper2 { width:970px; } } @media (min-width:1300px){ .home-page-hero-set .hp_hero_section { min-height: auto; padding:200px 0 80px; } } @media (min-width:1310px){ .row-fluid .wrapper { width:1270px; } .row-fluid .form-wrapper .wrapper2 { width: 1250px; } } @media (min-width:1440px){ .row-fluid .header_section .wrapper { width: 100%; padding-left:50px; padding-right:50px; } } @media(max-width:1800px){ /*-------- Product Page(05-10-2020) --------*/ .product-section .product-group .product-box { width: 65%;} .product-section .product-group .product-box:nth-child(even) { width: 35%; } .row-fluid .hp_imgform_wrap {width: 55%;} } @media(max-width:1500px){ /*-------- Product Page(05-10-2020) --------*/ .product-section .title-style h2.top { font-size: 60px; line-height: 60px; } .product-section .product-group .product-box .content h3 {font-size: 40px;line-height: 45px;} .product-section .product-group .product-box .content .para p {font-size: 20px;line-height: 28px;} .product-section .product-group .product-box .content .para { padding-top: 10px; } .product-section .product-group .product-box .content .subtitle { font-size: 25px; line-height: 30px; padding-top: 5px; } .product-section .product-group .product-box .image { padding-left: 80px; width: 350px; } .product-section .product-group .product-box .content { width: calc(100% - 350px); } .product-section .product-group .product-box:nth-child(even) .box-in { padding: 62px 30px 30px 40px; } .row-fluid .contact_hero .hs-responsive-embed-wrapper.hs-responsive-embed .hs-responsive-embed-inner-wrapper { padding-bottom:54% !important; } } @media(max-width:1409px){ /*-------- Product Page(05-10-2020) --------*/ .row-fluid .form-wrapper .hp_imgform_section .wrapper2 { max-width: 1100px; } .row-fluid .form-wrapper .hp_imgform_img { width: 660px; max-width: 50%; } .row-fluid .form-wrapper .hp_imgform_wrap { width: 60%; } } @media (max-width:1309px){ .row-fluid .wrapper { width:950px; } h2 { font-size: 45px; line-height: 50px; } h3 { font-size: 35px; line-height: 40px; } h4 { font-size: 30px; line-height: 35px; } h5 { font-size: 25px; line-height: 30px; } .row-fluid .hp_leftimg_wrap { width: 70%; } .row-fluid .hp_testy_text:before { width: 110px; height: 92px; top: 40px; } .row-fluid .hp_testy_text { padding: 130px 40px 80px; } .row-fluid .hp_worklogo_inner { padding: 0 25px; } .row-fluid .footer_menu { padding: 0 50px; } .row-fluid .footer_logo_inner { height: 70px; } .row-fluid .footer_logo_box img { max-height: 70px; } .row-fluid .hp_rightimg_img { width:40%; } .row-fluid .hp_contact_top h2 { font-size: 45px; line-height: 62px; } .row-fluid .hp_contact_top { font-size: 16px; line-height: 30px; } .row-fluid .training_hero .text h1 { font-size: 54px; line-height: 66px; } .row-fluid .service_form h3 { font-size: 35px; line-height: 45px; } /*-------- Pedestal Category Page(09-10-2020) --------*/ .row-fluid .category-section .top-category-box .title-icon { min-width: unset; width: 100%; } .row-fluid .category-section .top-category-box .title-icon h3 { font-size: 18px; line-height: 22px; width: calc(100% - 40px); } .row-fluid .category-section .top-category-box .title-icon .img { width: 40px; } .row-fluid .category-section .imgtext-group { padding-top: 30px; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap h3 { font-size: 18px; line-height: 22px; width: calc(100% - 40px); } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap .img { width: 40px; } .row-fluid .pedestal-section .threecolumn-group .column-box { padding: 20px 15px; } .row-fluid .pedestal-section .threecolumn-group .column-box .image { width: 70px; } .row-fluid .pedestal-section .threecolumn-group .column-box .contain { width: calc(100% - 70px); padding-left: 10px; font-size: 13px; line-height: 21px; } .row-fluid .pedestal-section .pedestal-group { margin-top: 30px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .image img { max-width: 200px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .content h4 { font-size: 24px; line-height: 30px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .content .size { font-size: 18px; line-height: 24px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box { padding: 15px; } .row-fluid .advantage-section .advantage-group .advantage-box { width: 20%; } .accessories-section { padding: 90px 0; } .accessories-section .accessories-box .image { width: 400px; } .accessories-section .accessories-box .content { width: calc(100% - 400px); padding-left: 50px; } .accessories-section .accessories-box:nth-child(odd) .content { padding-right: 50px; } .accessories-section .accessories-box .content .para { padding-top: 25px; } .row-fluid .hp_range2 .hp_range_img img { max-height: 180px; } .row-fluid .hp_range2 .hp_range_img { height: 180px; margin-bottom: 60px; } .row-fluid .hp_range2 .hp_range_box h3 { font-size: 24px; line-height: 30px; } .row-fluid .hp_range2 .hp_range_box a { padding: 3px 20px 20px; } .row-fluid .hp_range2 .hp_range_text { padding: 0 0 0px 4px; } .row-fluid .testimonial2 .hp_testy_img { width: 40%; } .row-fluid .testimonial2 .hp_testy_text { width: 60%; padding-bottom: 80px; } .row-fluid .testimonial2 .hp_testy_text:before { width: 87px; height: 71px; top: 22px; } .row-fluid .testimonial2 .hp_testy_text h5 { padding-top: 0; } .text-img-section .para { padding: 0px; } .text-img-section .left { width: 55%; } .text-img-section .right { width: 45%; } .row-fluid .strip-font .hp_talk_wrap h3 { font-size: 32px; line-height: 38px; } .acs-category-section { padding-top: 70px; } .acs-category-section .sec-para { padding-top: 35px; } .acs-category-section .title_style .btn_style { padding-top: 30px; } .acs-category-section .acs-category-filter { padding-top: 35px; } .acs-category-section .filter-btnogroupwrap .btn-title { font-size: 21px; margin-right: 10px; margin-left: 5px; } .acs-category-section .filter-btnogroup button.button { margin: 5px 5px; } .acs-category-section .acs-category-groupwrap { margin-left: -6px; margin-right: -6px; } .acs-category-section .acs-category-group { margin-top: 40px; } .acs-category-section .acs-category-group .acs-category-box { width: 33.33%; padding: 6px; } .acs-category-section .acs-category-group .acs-category-box .image img { max-height: 180px; } .acs-category-section .acs-category-group .acs-category-box .title h4, .acs-category-section .acs-category-group .acs-category-box .imgtext { font-size: 21px; } .videos-section .title_style h2 { font-size: 45px; line-height: 50px; } .videos-section .title_style { margin-bottom: 40px; } .videos-section .vidoes-group .vidoes-box { width: 33.33%; } .videos-section .vidoes-group .vidoes-box h4 { font-size: 18px; line-height: 23px; } .smpvid-section .title_style { margin-bottom: 30px; } .row-fluid .smpvid-section .title_style h2 { font-size: 45px; line-height: 50px; } .smpvid-section .smpvid-group .smpvid-box h4 { font-size: 18px; line-height: 23px; } .smpvid-section .smpvid-group .smpvid-box { width:33.33%; } .row-fluid .newsform h1 { font-size: 45px; line-height: 50px; } .row-fluid .post_item .inner { -webkit-border-radius: 0 0 0 50px; -moz-border-radius: 0 0 0 50px; -o-border-radius: 0 0 0 50px; -ms-border-radius: 0 0 0 50px; border-radius: 0 0 0 50px;; } .row-fluid .post_item { padding:25px 10px; } .row-fluid .blog_posting .title_style h2 { font-size: 38px; line-height: 54px; } .row-fluid .table2.table-section .table-group { margin-right: 25px; max-width: 445px;margin-top: 30px; } .row-fluid .rc-hubdb-main .dropdown-wrapp h3 { font-size: 18px; } .row-fluid .rc-hubdb-main .dropdown-wrapp { width: calc(25% - 30px); margin: 15px 15px; } .row-fluid .rc-hubdb-main .rc-hubdb-outer .rc-hubdb-top { margin: 0px -15px; } .rc-hubdb-bottom .rc-box { width: calc(20% - 16px); } .row-fluid .text-img-section.new .title_style h2 span { font-size: 30px; } } @media (max-width:1199px){ .row-fluid .wrapper2 { width:950px; } .mv_100 { margin-top: 90px; margin-bottom: 90px; } .mv_110 { margin-top: 90px; margin-bottom: 90px; } .mv_120 { margin-top: 90px; margin-bottom: 90px; } .mt_100 { margin-top: 90px; } .mt_110 { margin-top: 90px; } .mt_120 { margin-top: 90px; } .mb_100 { margin-bottom: 90px; } .mb_110 { margin-bottom: 90px; } .mb_120 { margin-bottom: 90px; } .pv_100 { padding-top: 90px; padding-bottom: 90px; } .pv_110 { padding-top: 90px; padding-bottom: 90px; } .pv_120 { padding-top: 90px; padding-bottom: 90px; } .pt_100 { padding-top: 90px; } .pt_110 { padding-top: 90px; } .pt_120 { padding-top: 90px; } .pb_100 { padding-bottom: 90px; } .pb_110 { padding-bottom: 90px; } .pb_120 { padding-bottom: 90px; } .row-fluid .servicebtm_img { width:500px; } /*-------- Product Page(05-10-2020) --------*/ .product-section .product-group { padding-top: 5px; } .product-section .product-group .product-box { padding-top: 5px; padding-bottom: 5px; } .product-section .product-group .product-box .box-in { padding: 22px 32px 23px 30px; } .product-section .product-group .product-box .content h3 { font-size: 36px; line-height: 41px; } .product-section .product-group .product-box .content .para p { font-size: 18px; line-height: 26px; } .product-section .product-group .product-box .content { width: calc(100% - 320px); } .product-section .product-group .product-box .content img.text-logo { width: 70px; right: -48px; } .product-section .product-group .product-box .content .subtitle { font-size: 23px; line-height: 30px; } .product-section .product-group .product-box .image { padding-left: 50px; width: 320px; } .product-section .product-group .product-box .image img { max-width: 220px; max-height: 250px; } .product-section .product-group .product-box:nth-child(odd) { padding-right: 5px; } .product-section .product-group .product-box:nth-child(even) { padding-left: 5px; } .product-section .product-group .product-box:nth-child(even) .box-in { padding: 62px 30px 30px 30px; } .product-section .product-group .product-box:nth-child(even) .image img { max-width: 80px; max-height: 150px; } .product-section .product-group .product-box:nth-child(even) .image { width: 80px; } .product-section .product-group .product-box:nth-child(even) .content { width: calc(100% - 80px); padding-right: 30px; } .row-fluid .product-box:nth-child(odd) .box-in a.box_link { padding-left: 57px; } .row-fluid .product-box:nth-child(even) .box-in a.box_link { padding-left: 31px; } .product-section .product-group .product-box .box-in { min-height: auto; } .row-fluid .form-wrapper .hp_imgform_img { width: 600px; max-width: 46%; } .row-fluid .form-wrapper .hp_imgform_wrap { width: 65%; } .videos-section .title_style h2 { font-size: 35px; line-height: 40px; padding: 5px 0 4px 0px; } .row-fluid .videos-section .title_style h2:before { margin: -5px -22px 0 0; } .row-fluid .videos-section .title_style h2:after { margin: 0 0 -4px -22px; } .videos-section .videos-filter .btn-label { font-size: 21px; margin-right: 8px; margin-left: 5px; } .videos-section .videos-filter .videobtn-group button { margin: 5px; font-size: 18px; line-height: 23px; padding: 8px 18px; } .row-fluid .smpvid-section .title_style h2 { font-size:35px; line-height:40px; } .row-fluid .project_gallery { padding:40px 0 100px; } .row-fluid .project_gallery .wrapper { width:850px; } .row-fluid .project_gallery .btn_style { margin-top: 32px; } .row-fluid .project_gallery .slick-dots { margin-top: 15px; } .row-fluid .gallery_for .itemimg .images { height:500px; } .row-fluid .gallery_nav .itemimg .images { height:130px; } .accessory-category-page-v2 .row-fluid .accesscate-hero .hp_hero_wrap,.bc-accessory-category-page .row-fluid .accesscate-hero .hp_hero_wrap {max-width: 100%;width: initial;} .row-fluid .hp_imgform_wrap {width: 45%;} .row-fluid .hp_imgform_img {right: 0;bottom: 0;width: 100%;max-width: 55%;} } @media (max-width:991px){ .row-fluid .wrapper, .row-fluid .wrapper2 { width:750px; } .mv_80 { margin-top: 70px; margin-bottom: 70px; } .mv_90 { margin-top: 70px; margin-bottom: 70px; } .mv_100 { margin-top: 70px; margin-bottom: 70px; } .mv_110 { margin-top: 70px; margin-bottom: 70px; } .mv_120 { margin-top: 70px; margin-bottom: 70px; } .mt_80 { margin-top: 70px; } .mt_90 { margin-top: 70px; } .mt_100 { margin-top: 70px; } .mt_110 { margin-top: 70px; } .mt_120 { margin-top: 70px; } .mb_80 { margin-bottom: 70px; } .mb_90 { margin-bottom: 70px; } .mb_100 { margin-bottom: 70px; } .mb_110 { margin-bottom: 70px; } .mb_120 { margin-bottom: 70px; } .pv_80 { padding-top: 70px; padding-bottom: 70px; } .pv_90 { padding-top: 70px; padding-bottom: 70px; } .pv_100 { padding-top: 70px; padding-bottom: 70px; } .pv_110 { padding-top: 70px; padding-bottom: 70px; } .pv_120 { padding-top: 70px; padding-bottom: 70px; } .pt_80 { padding-top: 70px; } .pt_90 { padding-top: 70px; } .pt_100 { padding-top: 70px; } .pt_110 { padding-top: 70px; } .pt_120 { padding-top: 70px; } .pb_80 { padding-bottom: 70px; } .pb_90 { padding-bottom: 70px; } .pb_100 { padding-bottom: 70px; } .pb_110 { padding-bottom: 70px; } .pb_120 { padding-bottom: 70px; } h4 { font-size: 20px; line-height: 25px; } h5 { font-size: 18px; line-height: 24px; } h1 { font-size: 50px; line-height: 55px; } h2 { font-size: 35px; line-height: 40px; } h3 { font-size: 28px; line-height: 35px; } .row-fluid .header-menu .hs-menu-flow-horizontal ul li a { font-size: 14px; } .row-fluid .header-menu .hs-menu-wrapper > ul > li { padding: 0 7px; } .row-fluid .header_search { padding-left: 20px; } .row-fluid .header_conct ul li a { font-size: 14px; } .row-fluid .header_social ul li { padding: 0 0 0 10px; } .row-fluid .hp_hero_wrap h1 span { font-size: 30px; line-height: 30px; } .row-fluid .hp_hero_wrap { width: 390px; } .row-fluid .hp_rightimg_wrap { width: 420px; } .row-fluid .btn_style a, .row-fluid .form_style form .hs_submit input { font-size: 20px; line-height: 25px; } .row-fluid .hp_range_img { height: 200px; } .row-fluid .hp_range_img img { max-height: 200px; } .row-fluid .hp_advntg_box { width: 25%; } .row-fluid .hp_imgform_img { bottom: -30px; } .row-fluid .hp_studies_img { height: 234px; } .row-fluid .hp_studies_text h4 { margin: 0 0 5px; } .row-fluid .hp_testy_text { padding: 100px 20px 60px; font-size: 16px; line-height: 24px; } .row-fluid .hp_testy_text:before { width: 80px; height: 68px; top: 30px; } .row-fluid .hp_testy_text h5 { margin: 30px 0 0; font-size: 18px; } .row-fluid .hp_worklogo_inner { padding: 0 15px; } .row-fluid .footer_menu { padding: 0 25px; } .row-fluid .footer_wrap h4 { font-size: 20px; } .row-fluid .footer_logo_inner { height: 50px; } .row-fluid .footer_logo_box img { max-height: 50px; } .row-fluid .hp_hero_section { padding: 200px 0 100px; } .row-fluid .hp_recent_box { width: 50%; padding: 15px 9px 30px; } .row-fluid .hp_recent_img { height: 220px; } .row-fluid .hp_contact_top h2 { font-size: 35px; line-height: 45px; } .row-fluid .hp_contact_top { font-size: 16px; line-height: 30px; } .row-fluid .training_hero { padding:320px 0 70px; height:auto; -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; -o-border-radius: 0 0 0 100px; -ms-border-radius: 0 0 0 100px; border-radius: 0 0 0 100px;; } .row-fluid .training_hero .text h1 { font-size:42px; line-height:52px; } .row-fluid .training_hero .text { padding:30px; position:relative; bottom:auto; -webkit-border-radius: 30px 0; -moz-border-radius: 30px 0; -o-border-radius: 30px 0; -ms-border-radius: 30px 0; border-radius: 30px 0;; } .row-fluid .form_guide { padding:50px 0; } .row-fluid .service_list .boxservi a { font-size:15px; line-height:22px; } .row-fluid .service_list .boxservi a img { max-height:25px; } .row-fluid .service_form .right { width:300px; } .row-fluid .service_form .form { padding-right:30px; width:calc(100% - 300px); } .row-fluid .service_form h3 { font-size: 28px; line-height: 38px; } .row-fluid .contact_hero { height:440px; -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; -o-border-radius: 0 0 0 100px; -ms-border-radius: 0 0 0 100px; border-radius: 0 0 0 100px;; } /*-------- Product Page(05-10-2020) --------*/ .product-section .title-style { padding: 60px 0 40px; } .product-section .title-style h2.top { font-size: 45px; line-height: 50px; } .product-section .product-group .product-box { width: 60%; } .product-section .product-group .product-box .box-in { padding: 30px; } .product-section .product-group .product-box .content { margin-top: 10px; width: calc(100% - 220px); } .product-section .product-group .product-box .content .cont-in:before { width: 25px; height: 20px; } .product-section .product-group .product-box .content .cont-in:after { width: 25px; height: 20px; } .product-section .product-group .product-box .content .cont-in { padding: 12px 27px 17px 15px; } .product-section .product-group .product-box .image { width: 220px; padding-left: 40px; } .product-section .product-group .product-box .image img { max-width: 180px; max-height: 200px; } .product-section .product-group .product-box .content h3 { font-size: 32px; line-height: 37px; } .product-section .product-group .product-box .content .subtitle { font-size: 21px; line-height: 26px; } .product-section .product-group .product-box .content img.text-logo { width: 50px; right: -35px; } .product-section .product-group .product-box:nth-child(even) { width: 40%; } .product-section .product-group .product-box:nth-child(even) .box-in { padding: 52px 20px 30px 20px; } .row-fluid .product-box:nth-child(odd) .box-in a.box_link { padding-left: 45px; } .row-fluid .product-box:nth-child(even) .box-in a.box_link { padding-left: 21px; } /*-------- Pedestal Category Page(09-10-2020) --------*/ .row-fluid .category-section { padding: 70px 0 60px; } .row-fluid .category-section .title_style .para { margin-top: 30px; } .row-fluid .category-section .title_style p { margin-bottom: 20px; } .row-fluid .category-section .top-category-box { width: 50%; } .row-fluid .pedestal-section .threecolumn-group { flex-wrap: wrap; } .row-fluid .category-section .imgtext-group .imgtext-box { width: 33.33%; padding: 10px 8px; } .row-fluid .pedestal-section .threecolumn-group .column-box { width: 50%; padding: 15px; } .row-fluid .pedestal-section .threecolumn-group { justify-content: center; } .row-fluid .pedestal-section .pedestal-group .pedestal-box { width: 33.33%; } .row-fluid .advantage-section { padding: 70px 0 50px; } .row-fluid .advantage-section:after { right: calc((100% - 750px) / 2); } .row-fluid .advantage-section .advantage-group .advantage-box { width: 25%; } .accessories-section { padding: 70px 0; } .accessories-section .title_style .sec-para { padding-top: 28px; } .accessories-section .title_style .sec-btn { padding-top: 30px; } .accessories-section .accessories-group { padding-top: 70px; } .accessories-section .accessories-box:nth-child(odd) .content { padding-right: 30px; } .accessories-section .accessories-box .content h3 { font-size: 28px; line-height: 34px; } .accessories-section .accessories-box .content .para { padding-top: 17px; } .accessories-section .accessories-box .content { padding: 15px 0px 0 30px; width: 50%; } .accessories-section .accessories-box .image { width: 50%; height: 230px; border-radius: 0 70px 0 70px; } .accessories-section .accessories-box { margin-bottom: 45px; } .row-fluid .table-section .title_style .btn_style a { font-size: 20px; line-height: 26px; } .row-fluid .table-section .title_style .btn_style a:before { width: 28px; height: 37px; margin-right: 22px; } .table-section { padding: 63px 0 60px; } .table-section .table-group { margin-top: 60px; } .row-fluid .hp_range2 .hp_range_box { width: 33.33%; } .row-fluid .hp_range2 .btn_style { padding-top: 30px; } .row-fluid .testimonial2 { padding-top: 70px; } .row-fluid .testimonial2 .title_style { margin-bottom: 30px; } .row-fluid .testimonial2 .hp_testy_text { padding-bottom: 60px; } .row-fluid .testimonial2 .hp_testy_text:before { width: 70px; height: 58px; } .text-img-section { padding: 70px 0 60px; } .video_section { padding: 60px 0 52px; } .video_section .video-wrap .video-thumb { max-width: 560px; height: 400px; } .video_section .video-wrap .video-thumb a:before { height: 120px; width: 120px; font-size: 55px; } .video_section .bottom-title { padding-top: 60px; } .video_section .videobtn-group { padding-top: 30px; } .video_section .videobtn-box h4 { font-size: 18px; line-height: 22px; } .video_section .videobtn-box .img img { max-width: 35px; max-height: 36px; } .video_section .videobtn-box .img { width: 35px; } .video_section .videobtn-box h4 { width: calc(100% - 35px); padding-left: 12px; } .row-fluid .strip-font .hp_talk_wrap h3 { font-size: 28px; line-height: 35px; } .text-img-section.new { padding-bottom: 70px; } .text-img-section.new .left { padding-right: 30px; width: 50%; } .text-img-section.new .right { width: 50%; } .text-img-section.new .para p { margin-bottom: 30px; } .text-img-section.new .btn { padding-top: 40px; } .content-section .content-group .content-box { width: 33.33%; } .videos-section .vidoes-group .vidoes-box .video-thumb { background-size:cover; } .row-fluid .categoryabout { padding:70px 0; } .row-fluid .journey_section { padding:60px 0 40px; } .row-fluid .journey_box { margin:20px 0; } .row-fluid .journey_box .left { padding:15px 15px; width:100%; height:auto !important; } .row-fluid .journey_box .left .year { width:100%; } .row-fluid .journey_box .icon { position:relative; width:100%; display:inline-block; padding-right:0; padding-bottom:0px; } .row-fluid .journey_box .text { width:100%; padding:10px 15px; } .row-fluid .journey_box:before { border:20px solid transparent; border-top-color: #fff; } .row-fluid .project_description .title_style h2 , .row-fluid .details_section .title_style h2 { font-size: 35px; line-height: 40px; } .row-fluid .details_left { padding:6px 15px 0 0; } .row-fluid .projectdescription_right { padding:20px 0 0 15px; } .row-fluid .newsform h1 { font-size: 35px; line-height: 45px; } .row-fluid .newsform .sub { font-size: 20px; line-height: 28px; } .row-fluid .blog_section { padding:60px 0; } .row-fluid .post_item { width:50%; } .row-fluid .blog_listing .btn_style.load_more a { font-size: 22px; line-height: 30px; } .row-fluid .blog_posting { font-size:16px; line-height:28px; } .row-fluid .blog_posting .post-body h3 { font-size:20px; line-height:30px; } .row-fluid .pagination_main .box a { height: 180px; font-size: 20px; line-height: 28px; } .row-fluid .policies_section { padding:80px 0; } .row-fluid .table2.table-section .table-group { max-width: 345px; } .row-fluid .table2.table-section .btn-group .btn_style a:last-child {margin-left: 14px;} .row-fluid .rc-hubdb-main .dropdown-wrapp { width: calc(25% - 12px); margin: 10px 6px; } .row-fluid .rc-hubdb-main .dropdown-wrapp h4 { font-size: 18px; } .row-fluid .rc-hubdb-main .dropdown-wrapp h3 { font-size: 15px; } .rc-hubdb-bottom .rc-box { width: calc(25% - 16px); } .row-fluid .blog_posting .post-body h2{ font-size: 30px; } .row-fluid .text-img-section.new .title_style h2 span { font-size: 25px; } .row-fluid .hp_imgform_section.pv_100 {padding-top: 30px;} .row-fluid .hp_imgform_section {display: flex;flex-wrap: wrap;flex-direction: column-reverse;} .row-fluid .hp_imgform_wrap {width: 100%;display: block;margin: 0 auto;max-width: 600px;} .row-fluid .hp_imgform_img {position: relative;width: 100%;display: block;margin: 0 auto;max-width: 100%;bottom: inherit;margin-bottom: 30px;padding: 0 0;} .row-fluid .hp_imgform_form {padding-right: 0;} .row-fluid .hp_imgform_section .hp_imgform_wrap h2 br{display: none;} .row-fluid .hp_imgform_section .hp_imgform_wrap h2 {text-align: center;} } @media (max-width:767px){ .row-fluid .wrapper, .row-fluid .wrapper2 { width: 100%; } .mv_60 { margin-top: 50px; margin-bottom: 50px; } .mv_70 { margin-top: 50px; margin-bottom: 50px; } .mv_80 { margin-top: 50px; margin-bottom: 50px; } .mv_90 { margin-top: 50px; margin-bottom: 50px; } .mv_100 { margin-top: 50px; margin-bottom: 50px; } .mv_110 { margin-top: 50px; margin-bottom: 50px; } .mv_120 { margin-top: 50px; margin-bottom: 50px; } .mt_60 { margin-top: 50px; } .mt_70 { margin-top: 50px; } .mt_80 { margin-top: 50px; } .mt_90 { margin-top: 50px; } .mt_100 { margin-top: 50px; } .mt_110 { margin-top: 50px; } .mt_120 { margin-top: 50px; } .mb_60 { margin-bottom: 50px; } .mb_70 { margin-bottom: 50px; } .mb_80 { margin-bottom: 50px; } .mb_90 { margin-bottom: 50px; } .mb_100 { margin-bottom: 50px; } .mb_110 { margin-bottom: 50px; } .mb_120 { margin-bottom: 50px; } .pv_60 { padding-top: 50px; padding-bottom: 50px; } .pv_70 { padding-top: 50px; padding-bottom: 50px; } .pv_80 { padding-top: 50px; padding-bottom: 50px; } .pv_90 { padding-top: 50px; padding-bottom: 50px; } .pv_100 { padding-top: 50px; padding-bottom: 50px; } .pv_110 { padding-top: 50px; padding-bottom: 50px; } .pv_120 { padding-top: 50px; padding-bottom: 50px; } .pt_60 { padding-top: 50px; } .pt_70 { padding-top: 50px; } .pt_80 { padding-top: 50px; } .pt_90 { padding-top: 50px; } .pt_100 { padding-top: 50px; } .pt_110 { padding-top: 50px; } .pt_120 { padding-top: 50px; } .pb_60 { padding-bottom: 50px; } .pb_70 { padding-bottom: 50px; } .pb_80 { padding-bottom: 50px; } .pb_90 { padding-bottom: 50px; } .pb_100 { padding-bottom: 50px; } .pb_110 { padding-bottom: 50px; } .pb_120 { padding-bottom: 50px; } h1 { font-size: 38px; line-height: 45px; } h2 { font-size: 25px; line-height: 30px; } h5 { font-size: 16px; line-height: 22px; } h3 { font-size: 21px; line-height: 28px; } body { font-size: 14px; line-height: 22px; } .mobile-trigger { top: 33px; border-color: #E30000; background: #E30000; -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;; } .mobile-open .mobile-trigger, .mobile-trigger:hover { background: #E30000; } .mobile-open .mobile-trigger i { background: transparent; } .mobile-trigger i:before, .mobile-trigger i:after, .mobile-trigger i { background-color: #ffffff; -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;; } .mobile-open .mobile-trigger i:before { top: 0; -webkit-transform: rotate(45deg); ; -moz-transform: rotate(45deg); ; -o-transform: rotate(45deg); ; -ms-transform: rotate(45deg); ; transform: rotate(45deg); ;; } .mobile-open .mobile-trigger i:after { top: 0; -webkit-transform: rotate(-45deg); ; -moz-transform: rotate(-45deg); ; -o-transform: rotate(-45deg); ; -ms-transform: rotate(-45deg); ; transform: rotate(-45deg); ;; } .header-menu.js-enabled .hs-menu-wrapper { position: absolute; top: 95px; z-index: 99; padding: 10px 0; background: #93C6CC; } .row-fluid .header-menu { position: inherit; padding: 0; margin: 0; } .row-fluid .header-menu .hs-menu-wrapper > ul { margin: 0; } .row-fluid .header-menu .hs-menu-wrapper > ul > li { padding: 0; position: relative; } .row-fluid .header-menu .hs-menu-flow-horizontal ul li a { padding: 10px 15px; } .header-menu .hs-menu-wrapper>ul ul li { position: relative; } .row-fluid .header_conct { width: 100%; text-align: center; padding: 0 15px; } .row-fluid .header_conct ul li { background: transparent !important; padding: 0; width: auto; float: none; display: inline-block; } .row-fluid .header_social { width: 100%; float: left; text-align: center; margin: 10px 0; } .row-fluid .header_social ul li { background: transparent !important; float: none; display: inline-block; width: auto; } .row-fluid .header_social ul li a { padding: 5px 0 !important; text-indent: 0 !important; font-size: 14px !important; line-height: 15px !important; } .row-fluid .header_search { width: 100%; float: left; margin: 10px 0; text-align: center; padding: 0 15px; } .row-fluid .hdr_search_icon { display: none; } .row-fluid .header_search .hs-search-field__bar { width: 400px; max-width: 100%; float: none; display: inline-block; position: relative; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);; } .row-fluid .header_search .hs-search-field { width: 100%; float: left; height: auto; } .row-fluid .header_search button { background: #e30000; } .row-fluid .header_search button path { fill: #fff; } .row-fluid .header_search button svg { height: 12px; } .row-fluid .header_logo { width:70px;} .row-fluid .header_section { padding:15px 0; } .row-fluid .hp_hero_section { padding: 130px 0 40px; -webkit-border-radius: 0 0 0 50px; -moz-border-radius: 0 0 0 50px; -o-border-radius: 0 0 0 50px; -ms-border-radius: 0 0 0 50px; border-radius: 0 0 0 50px; text-align: center; min-height: auto; display: inline-block; align-items: normal; } .row-fluid .hp_hero_section:before { -webkit-border-radius: 0 0 0 50px; -moz-border-radius: 0 0 0 50px; -o-border-radius: 0 0 0 50px; -ms-border-radius: 0 0 0 50px; border-radius: 0 0 0 50px; } .row-fluid .hp_hero_wrap { text-align: left; width: 300px; padding: 30px 15px; -webkit-border-radius: 30px 0px; -moz-border-radius: 30px 0px; -o-border-radius: 30px 0px; -ms-border-radius: 30px 0px; border-radius: 30px 0px; } .row-fluid .btn_style a, .row-fluid .form_style form .hs_submit input { font-size: 17px; line-height: 20px; padding: 5px 12px; } .row-fluid .hp_rightimg_section { padding: 50px 0 130px; } .row-fluid .hp_rightimg_wrap .btn_style { margin: 20px 0 0; } .row-fluid .hp_leftimg_section { padding: 50px 0; text-align: center; } .row-fluid .hp_leftimg_wrap { width: 100%; text-align: center; margin: 30px 0 0; } .row-fluid .title_style h2:after { margin: -5px -10px 0 -18px; } .row-fluid .hp_leftimg_img { position: initial; width: 300px; max-width: 100%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); float: none; display: inline-block; } .row-fluid .hp_leftimg_wrap .btn_style { margin: 30px 0 0; } .row-fluid .hp_range_box { width: 50%; } .row-fluid .hp_range_img { margin: 10px 0 50px; } .row-fluid .hp_advntg_box { width: 33.33%; } .row-fluid .hp_imgform_img { bottom: -20px; } .row-fluid .hp_imgform_form { padding-right: 40px; } .row-fluid .hp_imgform_wrap { width: 75%; } .row-fluid .hp_studies_box { width: 50%; } .row-fluid .hp_testy_img { position: initial; height: 250px; width: 100%; border-radius: 0 40px 0 0; } .row-fluid .hp_testy_box { border-radius: 0 40px; } .row-fluid .hp_testy_text { width: 100%; font-size: 14px; line-height: 22px; padding: 70px 15px 30px; } .row-fluid .hp_testy_text:before { width: 60px; height: 50px; top: 20px; } .row-fluid .hp_testy_text h5 { font-size: 16px; line-height: 22px; } .row-fluid .hp_contact_wrap { width: 85%; } .row-fluid .hp_contact_form { padding-right: 40px; } .row-fluid .hp_contact_img { max-width: 25%; bottom: -40px; } .row-fluid .footer_section { padding: 50px 0; } .row-fluid .footer_contn { width: 100%; margin: 0 0 40px; max-width: 100%; } .row-fluid .footer_menu { width: 50%; padding: 0 20px 0 0; max-width: 100%; text-align: left; } .row-fluid .footer_subcb { margin: 25px 0 0 0; } .row-fluid .footer_wrap h4 { font-size: 18px; } .row-fluid .footer_logo { float: none; display: inline-block; } .row-fluid .footer_social { width: 50%; max-width: 100%; } .row-fluid .footer_logo_box { padding: 12px 12px; } .row-fluid .hp_recent_box { width: 400px; padding: 15px 0; max-width: 100%; } .row-fluid .hp_recent_img { height: 220px; } .row-fluid .hp_recent_text { padding: 0 15px; margin: 25px 0 25px; } .row-fluid .hp_recent_inner { border-radius: 0 0 0 40px; } .row-fluid .src_hero_section { padding:150px 0 70px; } .row-fluid .hp_contact_top h2 { font-size: 25px; line-height: 40px; } .row-fluid .hp_contact_top , .row-fluid .hp_contact_bottom { padding:25px 0; } .row-fluid .training_hero { padding:260px 0 70px; -webkit-border-radius: 0 0 0 60px; -moz-border-radius: 0 0 0 60px; -o-border-radius: 0 0 0 60px; -ms-border-radius: 0 0 0 60px; border-radius: 0 0 0 60px;; } .row-fluid .training_hero .text h1 { font-size: 34px; line-height: 42px; } .row-fluid .form_guide { padding:60px 20px; display:inline-block; width:100%; } .row-fluid .form_guide .imgform_wrap { padding-left:0 !important; width:100%; } .row-fluid .form_guide .imgform_wrap .hp_imgform_form { padding-right:0; } .row-fluid .form_guide .imgform_img { margin-top:60px; width:100%; text-align:center; } .row-fluid .form_guide .imgform_img img { width:100%; max-width:400px; } .row-fluid .service_form h3 { font-size: 21px; line-height: 30px; } .row-fluid .contact_hero { height:380px; -webkit-border-radius: 0 0 0 60px; -moz-border-radius: 0 0 0 60px; -o-border-radius: 0 0 0 60px; -ms-border-radius: 0 0 0 60px; border-radius: 0 0 0 60px;; } .row-fluid .touch_section { padding:40px 0 50px; } .row-fluid .touch_top { margin:20px auto !important; } .row-fluid .touch_top .text p { padding:10px 0; } .row-fluid .service_list { padding:20px 0; justify-content: inherit; align-items: inherit; text-align: center; display: inline-block; width: 100%; } .row-fluid .service_list .boxservi { padding:5px; } .row-fluid .service_form { padding:20px 0; } .row-fluid .service_form .hs-fieldtype-textarea { margin-top:0; } .row-fluid .service_form .form { width:100%; padding-right:0; } .row-fluid .service_form .right { margin-top:30px; width:100%; } .row-fluid .service_form .right .add { font-size:16px; line-height:30px; } .row-fluid .servicebtm_img { margin-top:20px; position:relative; top:auto; left:0; width:100%; text-align:center; } .row-fluid .servicebtm_img img { width:100%; max-width:320px; } /*-------- Product Page(05-10-2020) --------*/ .product-section .title-style { padding: 50px 0 40px; } .product-section .title-style h2.top { font-size: 36px; line-height: 43px; } .product-section .title-style .sec-para { padding: 30px 0 40px; } .product-section .product-group { padding: 10px 15px 0; } .product-section .product-group .product-box { width: 100%; } .product-section .product-group .product-box .box-in, .product-section .product-group .product-box:nth-child(even) .box-in { padding: 30px 15px; } .product-section .product-group .product-box .content { width: 50%; margin-top: 0; } .product-section .product-group .product-box .image { width: 50%; padding-left: 30px; } .product-section .product-group .product-box .image img { max-width: 150px; max-height: 180px; } .product-section .product-group .product-box .content h3 { font-size: 28px; line-height: 33px; } .product-section .product-group .product-box .content .para p { font-size: 15px; line-height: 23px; } .product-section .product-group .product-box .content .para { padding-top: 5px; } .product-section .product-group .product-box .content .subtitle { font-size: 18px; line-height: 22px; } .product-section .product-group .product-box:nth-child(odd) { padding-right: 0; } .product-section .product-group .product-box:nth-child(even) { width: 100%; padding-left: 0; } .product-section .product-group .product-box:nth-child(even) .box-in { } .product-section .product-group .product-box:nth-child(even) .content { width: 50%; padding: 0; } .product-section .product-group .product-box:nth-child(even) .image { width: 50%; padding-left: 30px; } .product-section .product-group .product-box:nth-child(even) .image img { max-width: 60px; max-height: 110px; } /* .row-fluid .title_style h2 br{ display:none; } */ .row-fluid .product-box:nth-child(odd) .box-in a.box_link { padding-left: 30px; } .row-fluid .product-box:nth-child(even) .box-in a.box_link { padding-left: 16px; } /*-------- Pedestal Category Page(09-10-2020) --------*/ .row-fluid .category-hero .hp_hero_wrap { min-width: unset; max-width: 300px; width: 100%; } .row-fluid .category-section { padding: 45px 0; } .row-fluid .category-section .title_style .para { margin-top: 20px; } .row-fluid .category-section .title_style p { margin-bottom: 15px; } .row-fluid .category-section .top-category-group { padding-top: 20px; margin: 0 -10px; float: none; width: auto; } .row-fluid .category-section .top-category-box .title-icon h3 { font-size: 17px; } .row-fluid .category-section .top-category-box .title-icon { margin-top: 12px; } .row-fluid .category-section .imgtext-group { padding-top: 20px; } .row-fluid .category-section .imgtext-group .imgtext-box .title-wrap h3 { font-size: 17px; } .row-fluid .category-section .imgtext-group .imgtext-box { width: 50%; } .row-fluid .pedestal-section { padding: 45px 0 35px; } .row-fluid .pedestal-section .threecolumn-group { width: auto; margin: 20px -15px 0; } .row-fluid .pedestal-section .threecolumn-group .column-box { } .row-fluid .pedestal-section .pedestal-group .pedestal-box { width: 50%; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .image img { max-width: 180px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box .content h4 { font-size: 20px; line-height: 28px; } .row-fluid .pedestal-section .pedestal-group { margin-top: 20px; } .row-fluid .advantage-section { padding: 45px 0 35px; } .row-fluid .advantage-section .title_style h2:before { margin: -5px -17px 0 -10px; } .row-fluid .advantage-section .title_style h2:after { margin: -5px -17px -5px -10px; } .row-fluid .advantage-section .advantage-group .advantage-box { width: 50%; } .row-fluid .advantage-section:after { right: 100px; width: 40px;} .accessories-section { padding: 45px 0; } .accessories-section .title_style h2:before { } .row-fluid .title_style h2:after { margin: -5px -10px -3px -13px; } .accessories-section .title_style .sec-para { padding-top: 22px; } .accessories-section .title_style .sec-btn { padding-top: 25px; } .accessories-section .accessories-group { padding-top: 50px; } .accessories-section .accessories-box:nth-child(odd) { flex-direction: unset; } .accessories-section .accessories-box { flex-wrap: wrap; } .accessories-section .accessories-box .image { max-width: 423px; width: 100%; margin: 0 auto; } .accessories-section .accessories-box .content { width: 100%; padding: 20px 0 0; text-align: center; } .accessories-section .accessories-box .content h3 { font-size: 21px; line-height: 28px; } .accessories-section .accessories-box .content .para { padding-top: 14px; } .row-fluid .hp_range2 .title_style h2:before, .row-fluid .hp_range2 .title_style h2:after { height: 20px; } .row-fluid .hp_range2 .title_style { margin-bottom: 25px; } .row-fluid .hp_range2 .hp_range_box { width: 50%; } .row-fluid .hp_range2 .hp_range_img img { max-height: 150px; } .row-fluid .hp_range2 .hp_range_img { height: 150px; } .row-fluid .hp_range2 .hp_range_box h3 { font-size: 21px; line-height: 28px; } .row-fluid .hp_range2 .hp_range_box a { padding: 3px 15px 18px; } .row-fluid .hp_range2 .hp_range_text { padding: 0; } .row-fluid .hp_range2 .btn_style { padding-top: 20px; } .row-fluid .testimonial2 { padding-top: 50px; } .row-fluid .case_studyv2 .title_style h2:before, .row-fluid .case_studyv2 .title_style h2:after { height: 20px; } .row-fluid .testimonial2 .title_style h2:before, .row-fluid .testimonial2 .title_style h2:after { height: 20px; } .row-fluid .testimonial2 .hp_testy_img { width: 100%; } .row-fluid .testimonial2 .hp_testy_text { width: 100%; padding-bottom: 30px; } .row-fluid .testimonial2 .hp_testy_text:before { width: 50px; height: 40px; top: 15px; left: 15px; } .row-fluid .testimonial2 .hp_testy_text p { line-height: 24px; } .row-fluid .testimonial2 .hp_testy_text h5 { margin-top: 20px; } .table-section { padding: 45px 0; } .row-fluid .table-section .title_style .btn_style { padding-top: 30px; } .row-fluid .table-section .title_style .btn_style a { font-size: 16px; line-height: 22px; } .row-fluid .table-section .title_style .btn_style a:before { width: 20px; height: 25px; margin-right: 10px; } .table-section .table-group { border: 0; background-color: #fff; margin-top: 40px; } .table-section .table-box { width: 100%; float: left; background-color: #fff; margin-bottom: 20px; } .table-section .table-box:last-child { margin-bottom: 0px; } .table-section .table-box .th { margin-bottom: 1px; } .table-section .table-box .th .td { width: 60%; } .table-section .table-box .th .td.r-title, .table-section .table-box .tr .td:last-child { width: calc((100% / 2) - 2px);/* background-color: #ececec;*/ color: #000; margin-right: 2px; } .table-section .table-box .th .td:first-child, .table-section .table-box .tr .td.t-title { width: 60%; background-color: #a9a8a8; color: #fff; font-weight: 500; margin-right: 5px; } .table-section .table-box .th .td.r-title { font-weight: 400; } .table-section .table-box .tr { margin: 1px 0; } /* .table-section .table-box .tr:nth-child(even) .td:last-child { background-color: #fff; } */ .table-section .table-box .tr:last-child { margin-bottom: 0; } .table-section .table-box .tr .td.red {background-color: #E40621;} .table-section .table-group.mobile { display: inline-block; } .table-section .table-group.desktop { display: none; } /* .table-group-wrapper .table-section .table-box .th .td, .table-group-wrapper .table-section .table-box .tr .td { min-width: 124px; } .table-group-wrapper .table-section .table-group-wrapper { overflow: auto; } .table-group-wrapper .table-section .table-group.desktop > div { width: 100%; } .table-group-wrapper .table-section .table-group-wrapper .table-box { width: 100%; } .table-group-wrapper .table-section .table-box .tr:not(:first-child):nth-child(odd) .td { background: #ececec; } .table-group-wrapper .table-section .table-box .tr:not(:first-child):nth-child(even) .td { background: #fff; } .table-group-wrapper .table-section .table-box .tr { margin: 0; } */ .text-img-section { padding: 45px 0; border-bottom-width: 9px; } .text-img-section .sec-in { flex-wrap: wrap; } .text-img-section .left { width: 100%; padding: 0; } .text-img-section .para p { font-size: 16px; line-height: 24px; } .text-img-section .para p .advantage { font-size: 18px; line-height: 22px; margin: 10px 0 10px; } .text-img-section .para p .advantage:before { width: 37px; height: 34px; } .text-img-section .btn { padding-top: 10px; } .text-img-section .right { width: 100%; text-align: center; padding: 35px 0 0; } .text-img-section .right img { max-width: 490px; width: 100%; } .video_section { padding: 45px 0; } .video_section .video-wrap .video-thumb { max-width: 470px; height: 310px; } .video_section .video-wrap .video-thumb a:before { height: 80px; width: 80px; font-size: 35px; border-width: 6px; } .video_section .video-wrap { padding-top: 10px; } .video_section .bottom-title { padding-top: 48px; } .video_section .videobtn-group { padding-top: 20px; } .video_section .videobtn-box h4 { padding-left: 10px; font-size: 17px; line-height: 23px; } .video_section .title_style h2, .video_section .bottom-title h3 { font-size: 25px; line-height: 30px; } #hidden-video { padding: 30px 10px 20px; } #hidden-video iframe { width: 440px; height: 247px; } #hidden-video button.fancybox-button { height: 30px; width: 30px; padding: 0; } .row-fluid .strip-font .hp_talk_wrap h3 { font-size: 21px; line-height: 28px; } .acs-category-section { padding-top: 45px; } .acs-category-section .sec-para { padding-top:25px; } .acs-category-section .title_style .btn_style { padding-top: 25px; } .acs-category-section .filter-btnogroupwrap .btn-title { font-size: 17px; line-height: 22px; margin-right: 5px; } .acs-category-section .filter-btnogroup button.button { margin: 4px 2px; font-size: 17px; line-height: 21px; } .acs-category-section .acs-category-group { margin-top: 25px; } .acs-category-section .acs-category-group .acs-category-box { width: 50%; } .acs-category-section .acs-category-group .acs-category-box .title h4, .acs-category-section .acs-category-group .acs-category-box .imgtext { font-size: 18px; line-height: 23px; } .acs-category-section .acs-category-group .acs-category-box .title { padding: 15px 15px 0; } .acs-category-section .acs-category-group .acs-category-box .box-in { padding: 20px 15px; } .acs-category-section .acs-category-group .acs-category-box .image, .acs-category-section .acs-category-group .acs-category-box .title h4 { height: auto !important; } .acs-category-section .acs-category-group .acs-category-box .image img { max-height: 150px; } .acs-category-section .acs-category-group .acs-category-box .imgtext { min-height: 130px; display: flex; align-items: center; justify-content: center; width: 100%; } .acs-category-section .filter-btnogroupwrap label.filter-label.mobile { display: block; } .acs-category-section .filter-btnogroupwrap .desktop { display: none; } .acs-category-section .acs-category-filter { padding: 35px 15px 0; } .acs-category-section .filter-btnogroupwrap label.filter-label { height: 45px; border: 2px solid #81a8b1; padding: 10px 30px 10px 15px; width: 100%; position: relative; font-size: 16px; line-height: 21px; font-weight: 400; } .acs-category-section .filter-btnogroupwrap label.filter-label:before { content: '\f107'; display: inline-block; font-family: 'FontAwesome'; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; font-weight: 700; font-size: 20px; } .acs-category-section .filter-btnogroupwrap label.filter-label.active:before { content:'\f106'; } .acs-category-section .filter-btnogroupwrap { max-width: 370px; margin: 0 auto; width: 100%; padding: 0; position: relative; } .acs-category-section .filter-btnogroupwrap .filter-btnogroup { position: absolute; top: 100%; left: 0; background-color: #fff; z-index: 10; max-height: 185px; overflow-y: auto !important; box-shadow: 0px 4px 5px 0px rgb(0 0 0 / .15); display: none; } .acs-category-section .filter-btnogroupwrap .filter-btnogroup button { width: 100%; margin: 0; background-color: #fff; color: #000; font-weight: 500; padding: 8px 15px; } .acs-category-section .filter-btnogroupwrap .filter-btnogroup button:hover, .acs-category-section .filter-btnogroupwrap .filter-btnogroup button.active { background-color: #E30000; color:#fff; } .text-img-section.new { padding-bottom: 50px; } .text-img-section.new .sec-in { flex-wrap: wrap; } .text-img-section.new .left { width: 100%; } .text-img-section.new .para p { margin-bottom: 17px; } .text-img-section.new .btn { padding-top: 30px; } .text-img-section.new .right { width: 100%; text-align: center; padding: 35px 0 0; } .content-section .content-group .content-box { width: 50%; } .videos-section { padding: 45px 0 30px; } .videos-section .title_style { margin-bottom: 30px; } .videos-section .title_style h2 { font-size: 25px; line-height: 30px; text-align: center; } .row-fluid .video-hero .hp_hero_wrap { max-width: 340px; width: 100%; } .videos-section .videos-filter .vidfilter-label.mobile { display: block; } .videos-section .videos-filter .vidfilter-label { height: 45px; border: 2px solid #81a8b1; padding: 10px 30px 10px 15px; width: 100%; position: relative; font-size: 16px; line-height: 21px; font-weight: 400; } .videos-section .videos-filter .vidfilter-label:before { content: '\f107'; display: inline-block; font-family: 'FontAwesome'; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; font-weight: 700; font-size: 20px; } .videos-section .videos-filter .vidfilter-label.active:before { content: '\f106'; } .videos-section .videos-filter .videobtn-wrap { max-width: 370px; margin: 0 auto; width: 100%; padding: 0; position: relative; } .videos-section .videos-filter .desktop.btn-label { display: none; } .videos-section .videos-filter .videobtn-group { position: absolute; top: 100%; left: 0; background-color: #fff; z-index: 10; max-height: 380px; overflow-y: auto; box-shadow: 0px 4px 5px 0px rgb(0 0 0 / .15); display: none; } .videos-section .videos-filter .videobtn-group button { font-size: 17px; line-height: 21px; width: 100%; margin: 0; background-color: #fff; color: #000; font-weight: 500; padding: 8px 15px; } .videos-section .videos-filter .videobtn-group button.active { color: #fff; } .videos-section .vidoes-group .vidoes-box { width: 50%; } .smpvid-section { padding: 40px 0 30px; } .smpvid-section .title_style { margin-bottom: 20px; } .row-fluid .smpvid-section .title_style h2 { font-size: 25px; line-height: 30px; text-align: center; } .smpvid-section .smpvid-group .smpvid-box { width: 50%; } .videos-section .vidoes-group .vidoes-box h4 { font-size: 16px; line-height: 21px; } .smpvid-section .smpvid-group .smpvid-box h4 { font-size: 16px; line-height: 21px; } .youtube-video { padding: 35px 10px !important; } .youtube-video iframe { width: 470px; height: 264px; } .smpvid-pop { padding: 35px 10px !important; } .smpvid-pop iframe { width: 470px; height: 264px; } .space { margin-top:15px; } .row-fluid .categoryfilter { overflow: visible; } .row-fluid .categoryfilter .filter-btnogroupwrap .filter-btnogroup { top:95px; } .row-fluid .accessoriesV2 .accessories-box .title_style { text-align:center; } .row-fluid .minds_section .image { margin:0 0 25px; -webkit-border-radius: 0 50px 0 50px; -moz-border-radius: 0 50px 0 50px; -o-border-radius: 0 50px 0 50px; -ms-border-radius: 0 50px 0 50px; border-radius: 0 50px 0 50px;; } .row-fluid .project_gallery { padding:30px 0 60px; } .row-fluid .gallery_for .itemimg .images { height:420px; } .row-fluid .projectgallery_slider { margin-top:10px; } .row-fluid .project_description .title_style h2, .row-fluid .details_section .title_style h2 { font-size: 25px; line-height: 30px; } .row-fluid .details_section { padding:60px 0 30px; } .row-fluid .project_description { padding:20px 0 60px; } .row-fluid .projectdescription_left , .row-fluid .details_img { margin:0 auto; width:100%; max-width:400px; float:none; } .row-fluid .projectdescription_right , .row-fluid .details_left { padding:30px 0 0; width:100%; } .row-fluid .projectdescription_right .btn_style { margin-top:15px; } .row-fluid .blog_section { padding:50px 0; } .row-fluid .post_item h2 { font-size:18px; line-height:28px; } .row-fluid .post_item .inner { -webkit-border-radius: 0 0 0 30px; -moz-border-radius: 0 0 0 30px; -o-border-radius: 0 0 0 30px; -ms-border-radius: 0 0 0 30px; border-radius: 0 0 0 30px;; } .row-fluid .blog_posting .title_style { margin:0 0 10px; } .row-fluid .blog_posting .title_style h2 { margin:0px 0px 20px; font-size: 24px; line-height: 38px; } .row-fluid .blog_posting .title_style .date { margin-top:10px; } .row-fluid .pagination_articles { padding:40px 0px 15px; } .row-fluid .pagination_articles .title_style h2 { font-size:28px; line-height:38px; } .row-fluid .pagination_main .box { padding:4px; } .row-fluid .pagination_main .box a { height: 110px; font-size: 14px; line-height: 20px; } .row-fluid .about-author-sec .hs-author-social-section { justify-content: center; } .row-fluid .about-author-sec { font-size:16px; line-height:28px; text-align:center; } .row-fluid .about-author-sec .author_img { margin:0 auto; width:100%; max-width:150px; float:none; } .row-fluid .about-author-sec .author_text { margin:20px 0 0; padding:0; width:100%; } .row-fluid .product-box .box-in a.box_link { padding:30px 8%; font-size:21px; line-height:28px; } .row-fluid .pedestal-section .pedestal-box .inner a.box_link { padding:20px 15px; font-size:21px; line-height:28px; } .row-fluid .cookie_policy { padding:70px 0 50px; } .row-fluid .cookie_policy p { padding:10px 0; } .row-fluid .policies_section { padding:60px 0 50px; } .row-fluid .policies_section p { padding:10px 0; } .row-fluid .table2.table-section .table-groupwrap.desktop { display:block; } .row-fluid .table2.table-section .table-groupwrap.mobile { display: none ; } .row-fluid .table2.table-section .table-group { max-width: 100%; } .row-fluid .table2.table-section .table-group .table-box { border-color: #aba9a9; margin-bottom: 7px; } .row-fluid .table2.table-section .table-box .th { margin-bottom: 1px; } .row-fluid .table2.table-section .table-box .th .td:first-child, .row-fluid .table2.table-section .table-box .tr .td.r-title { width: 60%; } .row-fluid .table2.table-section .table-box .th .td.r-title { width: 50%; margin-right: 0; } .row-fluid .table2.table-section .table-group .main-title { margin-bottom: 20px; text-align: center; } .row-fluid .table2.table-section .btn-group { display: flex; margin: 0 -15px; } .row-fluid .table-section .title_style .btn_style a { margin: 15px 15px 0; } .row-fluid .table2.table-section .title_style .btn_style { padding-top: 15px; } .row-fluid .table2.table-section .btn-group .btn_style a:last-child { margin-left: 15px; } .row-fluid .table2.table-section .table-group { margin: 0 auto !important; display: block; } .row-fluid .table2.table-section .table-group:after { content: ''; display: table; clear: both; } .row-fluid .table2.table-section .table-group + .table-group { margin-top: 20px !important; } .row-fluid .table2.table-section .table-group .main-title { margin-bottom: 15px; } .row-fluid .table-section .title_style .btn_style a { margin: 5px; } .row-fluid .table-section .title_style .btn_style { text-align: center; } .row-fluid .rc-hubdb-main .dropdown-wrapp { width: calc(50% - 12px); margin: 10px 6px; } .row-fluid .rc-hubdb-main .rc-hubdb-outer .rc-hubdb-top { margin: 0px -6px; } .rc-hubdb-bottom .rc-box { width: calc(33.33% - 16px); } .row-fluid .rc-hubdb-main .rc-hubdb-outer { padding-top: 30px;} .row-fluid .rc-hubdb-main .dropdown-wrapp ul li a { font-size: 18px;} .row-fluid .rc-hubdb-main { padding: 60px 0px;} .row-fluid .blog_posting .post-body h2{ font-size: 25px; } .row-fluid .contact_hero .hs-responsive-embed-wrapper.hs-responsive-embed .hs-responsive-embed-inner-wrapper { padding-bottom:70% !important } .table-section .table-box.m_thead { margin-bottom: 0; border-bottom: 0; } .row-fluid .text-img-section .title_style h2 { line-height: 34px; font-size: 32px;} .row-fluid .text-img-section.new .title_style h2 span { font-size: 23px; line-height: 28px; } .row-fluid .hp_range_section .btn-wrapper { padding: 20px 0; } .bc-accessory-category-page .row-fluid .accesscate-hero .hp_hero_wrap {text-align: center;max-width: 300px;} .bc-accessory-category-page .row-fluid .accesscate-hero .hp_hero_wrap .btn_style {text-align: center;} } @media (max-width:600px){ .row-fluid .post_item { padding:20px 0; width:100%; } .row-fluid .post_item .text { padding:30px 12px 40px; } .row-fluid .post_item .btn_style { margin-top:6px; } .row-fluid .about-author-sec { padding:25px 15px; } .row-fluid .hp_imgform_wrap {max-width: 500px;} .row-fluid .hp_imgform_img {max-width: 100%;bottom: inherit;} .row-fluid .hp_imgform_wrap {width: 100%;} } @media (max-width:500px){ .row-fluid .header_logo { width: 60px; } .mobile-trigger { top: 29px; } .header-menu.js-enabled .hs-menu-wrapper { top: 85px; } .row-fluid .hp_range_img { height: 150px; } .row-fluid .hp_range_img img { max-height: 150px; } .row-fluid .hp_range_text h3 { font-size: 18px; line-height: 24px; } .row-fluid .hp_advntg_box { width: 50%; } .row-fluid .hp_advntg_box h5 { font-size: 13px; line-height: 16px; } .row-fluid .form_style form input, .row-fluid .form_style form select { font-size: 15px; padding: 8px 0; height: auto; } .row-fluid .hp_imgform_form { padding-right: 0; } .row-fluid .form_style form .hs_submit input { margin: 20px 0 0; } /* .row-fluid .hp_imgform_img { width: 270px; max-width: 45%; bottom: -10px; } */ .row-fluid .hp_imgform_img { width: 100%;} .row-fluid .hp_imgform_wrap { width: 100%; } .row-fluid .hp_studies_box { width: 400px; max-width: 100%; padding:0; } .row-fluid .hp_studies_wrap { margin: 0; } .row-fluid .footer_menu { width: 100%; padding: 0 0 40px; } .row-fluid .footer_social { width: 100%; } .row-fluid .ftr_cont_list { } .row-fluid .ftr_cont_list_box a { width: 34px; height: 34px; } .row-fluid .ftr_social_icon ul li a { width: 34px; height: 34px; font-size: 19px; line-height: 34px; } .row-fluid .ftr_cont_list_img { height: 34px; } .row-fluid .ftr_cont_list_img img { max-height: 20px; } .row-fluid .ftr_cont_list_box { } .row-fluid .footer_section { padding: 50px 0 20px; } .row-fluid .footer_subcb .hs_email { width: 100%; } .row-fluid .footer_subcb .hs_submit { margin: 20px 0 0; } .row-fluid .training_hero { padding:220px 0 70px; } .row-fluid .contact_hero { height:auto; } /*-------- Product Page(05-10-2020) --------*/ .product-section .product-group .product-box .box-in { flex-wrap: wrap; text-align: center; } .product-section .product-group .product-box .image { width: 100%; padding: 20px 0 0; } .product-section .product-group .product-box .content { width: 100%; } .product-section .product-group .product-box .content img.text-logo { width: 30px; right: -10px; top: -10px; } .product-section .product-group .product-box:nth-child(even) .image { width: 100%; padding: 20px 0 0; } .product-section .product-group .product-box:nth-child(even) .content { width: 100%; } .product-section .product-group .product-box .content .para p br { display: none; } /*-------- Pedestal Category Page(09-10-2020) --------*/ .row-fluid .category-section .top-category-box { width: 100%; } .row-fluid .category-section .top-category-box .contain { height: auto !important; } .row-fluid .category-section .imgtext-group-wrap { margin-left: -8px; margin-right: -8px; } .row-fluid .category-section .imgtext-group .imgtext-box { width: 100%; } .row-fluid .pedestal-section .threecolumn-group .column-box { width: 100%; } .row-fluid .pedestal-section .threecolumn-group .column-box .contain { text-align: left; padding-left: 15px; } .row-fluid .pedestal-section .pedestal-group .pedestal-box { width: 100%; } .row-fluid .advantage-section .advantage-group .advantage-box { width: 100%; } .row-fluid .hp_range2 .title_style h2:before { margin: -6px -10px 0px 0; } .row-fluid .hp_range2 .hp_range_box { width: 100%; } .row-fluid .hp_range2 .hp_range_box h3 { text-align:center; } .row-fluid .hp_range2 .hp_range_box a { height: auto !important;} .row-fluid .hp_range2 .hp_range_img { margin-bottom: 38px; } .video_section .video-wrap .video-thumb { max-width: 350px; height: 240px; } #hidden-video iframe { width: 290px; height: 165px; } .acs-category-section .acs-category-group .acs-category-box { width: 100%; } .content-section .content-group .content-box { width: 100%; } .content-section .content-group .content-box img { max-width: 40px; max-height: 40px; } .content-section .content-group .content-box .contain { padding-left: 10px; } .videos-section .vidoes-group .vidoes-box { width: 100%; } .smpvid-section .smpvid-group .smpvid-box { width: 100%; } .youtube-video { padding: 35px 0 0px !important; } .youtube-video iframe { width: 290px; height: 171px; } .smpvid-pop { padding: 35px 0 0px !important; } .smpvid-pop iframe { width: 290px; height: 171px; } .row-fluid .journey_box { font-size: 14px; line-height: 26px; } .row-fluid .journey_box .left { padding:10px 15px; display:inline-block; width:100%; } .row-fluid .journey_box .icon { height:80px; } .row-fluid .journey_box .icon img { height:80px; } .row-fluid .journey_box .left .year { font-size: 22px; line-height: 32px; } .row-fluid .minds_section .image { -webkit-border-radius: 0 30px 0 30px; -moz-border-radius: 0 30px 0 30px; -o-border-radius: 0 30px 0 30px; -ms-border-radius: 0 30px 0 30px; border-radius: 0 30px 0 30px;; } .row-fluid .gallery_for .itemimg .images { height:280px; } .row-fluid .newsform { padding:25px 30px 38px; -webkit-border-radius: 30px 0; -moz-border-radius: 30px 0; -o-border-radius: 30px 0; -ms-border-radius: 30px 0; border-radius: 30px 0;; } } @media (max-width:480px){ .rc-hubdb-bottom .rc-box { width: calc(50% - 16px); } .row-fluid .rc-hubdb-main .dropdown-wrapp { width: 100%; margin: 10px 0px; } .row-fluid .rc-hubdb-main .rc-hubdb-outer .rc-hubdb-top { margin: 0; } .accessory-category-page-v2 .row-fluid .hp_hero_wrap h1 {font-size: 30px;} } .resources_query_section { margin-bottom: 8%;} .acs-category-box .title span { color: red; margin-top: -20px; display: block; color: #e30000; font-weight: 500; font-size: 20px; line-height: 25px; } @media (max-width: 767px){ .acs-category-section .acs-category-group .acs-category-box .imgtext, .acs-category-section .acs-category-group .acs-category-box .title h4 { line-height: 10px !important; } } @media (max-width: 767px){ .acs-category-box .title span { margin-top: 0px !important; } } .hs-content-id-44721036588 .acs-category-box .title span { margin-top: 0 !important; } =============================================================================== ================================================================================ /* new code to hide ap-ed video section on homepage */ /* body.home-page-hero-set.hs-content-id-36807249972 div.row-fluid-wrapper.row-depth-1.row-number-3 { display: none; } */