/* Font awsome */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css'); /* Google Font CSS or other fontfaces */ @import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900'); /* theam color */ /* Typography */ /* Containers */ html{ scroll-behavior: smooth; -moz-scroll-behavior: smooth; -webkit-scroll-behavior: smooth; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; font-family: Catamaran, Arial, Sans-Serif !important } figure,figcaption{margin:0;padding:0;} audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before, q:after { content: ''; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em; } sub { bottom: -0.55em } nav ul, nav ol { list-style: none; list-style-image: none; } button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: Catamaran, Arial, Sans-serif !important;font-weight:500} input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; } input[type="submit"] {cursor: pointer;transition:all 0.5s ease;} textarea { overflow: auto; vertical-align: top;resize:none; } table { border-collapse: collapse; border-spacing: 0 } button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; } /* remember to define focus styles! */ :focus { outline: 0; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } table { border: 0 none; border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto} a { outline: none; cursor: pointer;transition:all 0.5s ease;} /* End hide from IE Mac */ *:before, *:after {box-sizing: border-box;} /* End Clearfix */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } li { list-style: none; } /*Placeholder opacity cross browsers*/ input::-webkit-input-placeholder { color: #000; opacity:1;} /* WebKit browsers */ input:-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 4 to 18 */ input::-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 19+ */ input:-ms-input-placeholder { color: #000; opacity:1;} /* Internet Explorer 10+ */ textarea::-webkit-input-placeholder { color: #000; opacity:1;} /* WebKit browsers */ textarea:-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 4 to 18 */ textarea::-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 19+ */ textarea:-ms-input-placeholder { color: #000; opacity:1;} /* Internet Explorer 10+ */ /* Clear float */ .clear { clear: both; } .cf:before, .cf:after { content: ""; display: table } .cf:after { clear: both; } /******body ******/ body {background-color:#f9f9f9;font-size: 16px; line-height: 1.5em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Catamaran, Arial, Sans-Serif !important; font-weight:normal;color:#4F4F54;} body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; } a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; } a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; } a:focus { outline: none; text-decoration: none; } p { margin-bottom: 15px;} /* display table and table cell and display flex */ .tbl {display:table;width:100%;height:100%;} .tbl-cell {display:table-cell;vertical-align:middle} .dis-flex {display:flex;align-items:center;} /* IE fixes */ select::-ms-expand {display: none;} input::-ms-clear { display:none;} /* remove auto fill yellow color */ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fff inset; -moz-box-shadow: 0 0 0 100px #fff inset; box-shadow: 0 0 0 100px #fff inset; color:#333 ; } /* cross-browser fixes */ [data-hs-anchor] { scroll-margin-top: 89px; } /* hubspot fixes*/ .row-fluid [class*="span"] {min-height: 1px;} /* logo -Please use this class as logo image class*/ .h-logo img ,.f-logo img {cursor: pointer;} .h-logo img {width:155px;!important} /* container */ .container {max-width:1190px;margin:0 auto !important;padding:0;float:none !important; } .container-big {max-width:1400px;margin:0 auto !important;padding:0;float:none !important; } .container-small {max-width:1040px;margin:0 auto !important;padding:0;float:none !important; } .container-small-2 {max-width:980px;margin:0 auto !important;padding:0;float:none !important; } /* strong */ b, strong {font-weight:700;} /* header text */ h1 {font-size:60px;line-height: 1.2;margin:0 0 10px;color:#fff;text-transform:uppercase;font-family: Catamaran, Arial, Sans-serif !important;font-weight:00;} h1 > span {color:#f72717;} h2 {font-size:36px;line-height: 1.2;margin:0 0 20px;text-align:center;text-transform:uppercase;font-family: Catamaran, Arial, Sans-serif !important;font-weight:600;} h3 {font-size:24px;line-height: 1.2;margin:0 0 10px;font-family: Catamaran, Arial, Sans-serif !important;font-weight:600;} h4 {font-size:22px;line-height: 1.2;margin:0 0 10px;font-family: Catamaran, Arial, Sans-Serif !important;font-weight:600;} h5 {font-size:20px;line-height: 1.3;margin:0 0 10px;font-family: Catamaran, Arial, Sans-Serif !important;font-weight:600;} h6 {font-size:16px;line-height: 1.4;margin:0 0 10px;font-family: Catamaran, Arial, Sans-Serif !important;font-weight:600;} /* p tag */ p {font-size: 16px; line-height: 1.4;margin-bottom:15px;} /* links */ a {font-size: 16px; line-height: 1.3;color:#4F4F54;} a:hover {color: #000;} a:active,a:visited {color:inherit} /* ul li */ ul , ol {margin:20px 0;text-align:left;padding-left: 18px;} ul li ,ol li {font-size: 16px; margin-bottom: 6px; list-style:inherit;list-style-position:outside;} /* em */ em { font-size: 22px; line-height:1.5;} /** Hubspot module */ .widget-type-text span {margin-bottom:15px;display:block;} /* FlexSlider Necessary Styles hubspot default image slider */ .widget-type-image_slider {overflow:hidden;} .hs_cos_flex-slider ul {padding:0;} .hs_cos_flex-slider ul li {margin:0;padding:0;list-style:none;} .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .hs_cos_flex_thumbnavs-direction-nav {margin: 0px;padding: 0px;list-style: none;} .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } .hs_cos_flex-control-nav {width: 100%; position: absolute; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #f72717; cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} .hs_cos_flex-slider .caption {background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 10px 5% 10px 5%; width: 100%; top: 40%; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } /* hubspot form */ ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:#f72717;} .hs-form-field { position: relative } ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 2px 5px; color: white; background: #f72717 } ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 600; position: relative; z-index: 9; line-height: normal; display: block;color:#fff; } ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: #f72717; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0 } input,textarea,select {border-radius: 0; } span.hs-form-required {display:none;} select,textarea,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { -webkit-appearance: none; -moz-appearance: none; background-color: #efefef; color: #000; display: block; font-size: 16px; height: 40px; padding: 0 15px; width: 100%; color:#444;border:0;border-radius:5px;} select { -webkit-appearance: none!important; -moz-appearance: none!important; background-color: transparent; background-image: url('https://2698870.fs1.hubspotusercontent-na1.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png'); background-position: 98% center; background-repeat: no-repeat; } textarea {height:115px;padding:13px 15px;} ul li label input[type="checkbox"] , ul li label input[type="radio"] {opacity: 0;display:none !important;} ul li label span{position: relative;} ul li label input[type="checkbox"] , .input ul li label span ,ul li label input[type="radio"] {display: inline-block; vertical-align: middle; cursor: pointer;} ul li label input[type="checkbox"] + span:before , ul li label input[type="radio"] + span:before{content: '';background: #e5e5e5;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;} ul li label input[type="radio"] + span:before {border-radius:50%; } ul li label input[type="checkbox"]:checked + span:before , ul li label input[type="radio"]:checked + span:before { box-shadow: 0 0 0 5px #000 inset;} .hs-form-field {margin-bottom:24px;} .hs_submit input {background-color: #f72717; color: #fff; padding: 12px 40px; display: inline-block; border-radius: 25px; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:15px;font-weight: 600;} .hs_submit input:hover {background:#000;color:#fff;} .submitted-message {color: #fff;text-align: center;padding-top: 25px;} form ul {margin:0;padding:0;} form ul li {margin:0;padding:0;list-style:none;} div.hs-form-field > label { color: #4F4F54; display: block; font-size: 16px; line-height: 1.2; margin-bottom: 6px;font-weight:600 } div.hs_submit {margin:0;} /*** single column ***/ form > div {width:100%;} /*** two column ***/ form fieldset {max-width:100% !important;width:100% !important;} .form-columns-1 {width:100% !important;} fieldset.form-columns-2 .input ,fieldset.form-columns-1 .input {margin-right:0 !important;} fieldset.form-columns-2 > div {width:49% !important;margin-right:2%;} fieldset.form-columns-2 > div:last-child {margin-right:0;width: 49.002% !important;} fieldset.form-columns-1 .hs-input {width:100% !important;} /*** TRooInbound Custom Class ***/ /* background */ .backg-img {background-size:cover;background-position:center center;background-repeat:no-repeat;} .backg-img-fixed {background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;} /* postition */ .pos-relative {position:relative;z-index:1;} /* background overlay */ .bg-overlay {position:relative;z-index:1;} .bg-overlay:after {content:"";background-color:rgba(55,55,55,0.7);left:0;top:0;width:100%;height:100%;z-index:-1;position:absolute; } .primary-color-overlay {background-color:#f72717;left:0;top:0;width:100%;height:100%;z-index:-1;position:absolute;opacity:0.9;} /* text align */ .txt-center {text-align:center;} .txt-left {text-align:left;} .txt-right {text-align:right;} /* grid with float */ .col-float-2 {width:50%;float:left} .col-float-3 {width:33.33%;float:left} .col-float-4 {width:25%;float:left} /* grid with display inline */ .dis-inline-outer {font-size:0;} .col-dis-2 {width:50%;display:inline-block;vertical-align:top;} .col-dis-3 {width:33.33%;display:inline-block;vertical-align:top;} .col-dis-4 {width:25%;display:inline-block;vertical-align:top;} /*** Grid with some space display inline-block***/ .dis-outer-flex > span {font-size:0;} .col-dis-space-2 {width:48.5%;display:inline-block;vertical-align:top;margin-right:3%;} .col-dis-space-3 {width:32%;display:inline-block;vertical-align:top;margin-right:2%;} .col-dis-space-4 {width:23.5%;display:inline-block;vertical-align:top;margin-right:2%;} .dis-outer-flex .col-dis-space-2:nth-of-type(2n),.dis-outer-flex .col-dis-space-3:nth-of-type(3n), .dis-outer-flex .col-dis-space-4:nth-of-type(4n) {margin-right:0;} /*** Grid with some space display inline-block***/ .col-float-space-2 {width:48.5%;margin-right:3%;float:left;margin-bottom:25px;} .col-float-space-3 {width:32%;margin-right:2%;float:left;margin-bottom:25px;} .col-float-space-4 {width:23.5%;margin-right:2%;float:left;margin-bottom:25px;} .dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-2,.dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3, .dis-outer-flex > span > div:nth-of-type(4n) .col-float-space-4 {margin-right:0;} /* display */ .dis-none {display:none !important;} .dis-none-mob {} .dis-none-desk {display:none !important;} /* Ul li no bullet */ div.no-bullet ul {margin:0;padding:0;line-height: 0;} div.no-bullet ul li {list-style:none;margin:0;} ul.no-bullet {margin:0;padding:0;line-height: 0;} ul.no-bullet li {list-style:none;margin:0;} /* Section Title */ .hs-title h2 {color:#f72717; font-family: Catamaran, Arial, Sans-serif !important;font-weight:600;margin-bottom:30px} h2.cm-title {color:#f72717;font-family: Catamaran, Arial, Sans-serif !important;font-weight:600;margin-bottom:30px} /* CTA */ .widget-type-cta {opacity:0;} .cm-hs-cta a { background-color: #f72717; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:10px;font-weight: 600;} .ias-trigger a { background-color: #f72717; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;} /*.widget-type-cta {text-align:center;} .widget-type-cta a {background-color: #f72717; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:20px;font-weight: 600;} */a.btn {background-color:#f72717; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;} .btn-div a {background-color: #f72717; color: #fff; padding: 5px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;} #container-footer1{ background-color: #99999A; } .hs-cta-white.widget-type-cta a {background-color: #fff; color: #f72717;} /* social UL Li */ ul.social-iicon {text-align:center;} ul.social-iicon li {display:inline-block;margin-right:15px;} ul.social-iicon li:last-child {margin-right:0;} ul.social-iicon li a {font-size:20px;color:#f72717 ;} ul.social-iicon li a i {} /* image responsive */ .image-full-size > img {width:100%;} .overflow-hid {overflow:hidden;} .overflow-vis {overflow:visible;} /* 100vh height */ .full-screen-bg {height:100vh !important;} /* text style */ .txt-uppercase {text-transform:uppercase;} .txt-underline {text-decoration:underline;} /* background color */ .bg-primary {background-color:#f72717;} .backg-light { background-color:#f1f1f1; } .bg-white {background-color:#fff;} /* extra */ hr.hr-white { border: 0; border-top: 2px solid #fff; width: 140px; margin: 25px auto 18px; } /* Owl Slider control */ .owl-controls {text-align:center;position:relative;top:-30px;} .owl-dot {display:inline-block;} .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background: #f72717 ; left: 0; top: 0; display: block; margin:3px } .owl-dot.active span {background-color:#333;} /* padding */ .padding-140tb {padding:140px 0;} /*160 0*/ .padding-140t {padding:140px 0 0;} /*40 0 0*/ .padding-140b {padding:0 0 140px;} .padding-140c {padding:40px 0 0;} .padding-50t {padding:50px 0 0;} .padding-50b {padding:0 0 50px;} .padding-50tb {padding:50px 0;} /* margin */ .margin-15b {margin-bottom:15px;} .margin-15t {margin-top:15px;} .margin-15tb {margin-top:15px;margin-bottom:15px;} .margin-20b {margin-bottom:20px;} .margin-20t {margin-top:20px;} .margin-20tb {margin-top:20px;margin-bottom:20px;} .margin-25b {margin-bottom:25px;} .margin-25t {margin-top:25px;} .margin-25tb {margin-top:25px;margin-bottom:25px;} .margin-30b {margin-bottom:30px;} .margin-30t {margin-top:30px;} .margin-30tb {margin-top:30px;margin-bottom:30px;} .margin-40b {margin-bottom:40px;} .margin-40t {margin-top:40px;} .margin-40tb {margin-top:40px;margin-bottom:40px;} .bd-rd5 {border-radius:5px;} .bd-rd10 {border-radius:10px;} .bd-50rd {border-radius:50%;} /**** Left to right *****/ .float-right {float:right !important;margin-left:2.564102564% !important;} .m-0lt {margin-left:0 !important;} /************************ Navigation Changes *************************/ .tri-menu .hs-menu-wrapper ul {margin-right: .9rem !important;} .tri-menu .hs-menu-wrapper ul li {margin-bottom:0;} .tri-menu .hs-menu-wrapper ul li a { text-transform: uppercase;} .tri-menu .hs-menu-wrapper > ul {margin-top:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 {margin-top:0px!important;margin-right: 10px;position:relative;line-height:40px;margin-right:22.5px;margin-bottom:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child {margin-left:0;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:after {background-color: #f72717;content:"";position:absolute;width:100%;height:6px;left:0;bottom:52px;/*88px*/visibility:hidden;opacity:0;transition:all 0.2s ease;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a > i .search-nav::after {background-color:#FFF!important;content:"";position:absolute;width:100%;height:6px;left:0;bottom:80px;visibility:hidden;opacity:0;transition:all 0.2s ease;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:hover:after {opacity:1;visibility:visible;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children:hover:after {opacity:1;visibility:visible;margin-bottom:0px!important;margin-top:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {font-size: .9rem; text-transform: uppercase; color:#f72717;line-height:inherit;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul { margin-bottom:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 {margin-top:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > a {margin-left:0px!important;margin-top:0px!important; font-size: 16px; /*text-transform: uppercase;*/ color:#4F4F54 ; padding: 0px 20px;line-height:55px;text-transform:none;border-bottom:1px solid #dcdadb} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul {margin-top:0px!important;background-color:#f2efef!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 {margin-top:0px!important;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > a {width:100%!important; margin-top:0px!important; float:left; font-size: 16px; /*text-transform: uppercase;*/ color:#4F4F54 ; padding: 0px 20px; line-height:55px; text-transform:none; border-bottom:1px solid #dcdadb; } /***** Others Things of Headers ***********/ .tri-top-menu {background-color:#f7f7f7;padding-top:15px !important;padding-bottom:0px!important} .tri-top-menu a i {margin-right:8px;} .tri-top-menu a {margin-right:25px;} .tri-top-menu a:last-child {margin-right:0;} .tri-menu-social {text-align:right;} .custom-menu-primary .hs-menu-wrapper > ul ul {background: #f2f2f2;left: 0 !important; top: 52px; padding: 5px;} .tri-menu-main {padding: 16px 0; height: 68px !important;/*originalmente no tenía altura*/} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a { font-family:catamaran;font-size: 16px; text-transform: uppercase; color: #4F4F54; font-weight: 400;margin-top:1px!important; } .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a:hover {color:#f72717;} .tri-menu .hs-menu-wrapper > ul {padding-left:0;margin-bottom:0px!important;} /************ Simple Normal Banner with Full Background Image *******************/ .nBanner-bgimg {height:400px;color:#fff;} .nBanner-bgimg h3 {color:#fff;font-weight:400;} /******************* Recent Post 6 Grid V1*************************************/ .recent-post-section {margin-top: 34px;} .recent-item {width:39.5%;display:inline-block;vertical-align:top;margin-right:1.2%;margin-bottom:15px;} .recent-item-image {height:330px;position:relative;overflow:hidden;} .recent-img-bg {height:100%;} .recent-body { position: absolute; bottom: 0; left: 0; padding: 20px 30px 20px; width: 100%; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color:rgba(36,39,35,0.8)} .recent-img-bg-color {opacity:0;position: absolute; top: 100%; left: 0; height:0; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color:rgba(36,39,35,0.8)} .recent-item:hover .recent-body {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);background-color:transparent;} .recent-item:hover .recent-img-bg-color {opacity:1;top:0;height:100%;} .recent-item:nth-of-type(2) {width:25%;} .recent-item:nth-of-type(3) {width:33%;margin-right:0;} .recent-item:nth-of-type(4) {width:25%;} .recent-item:nth-of-type(5) {width:33%;} .recent-item:nth-of-type(6) {margin-right:0;} .recent-items-part2.recent-item:nth-of-type(1) {width:25%;margin-right:1.5%;} .recent-items-part2.recent-item:nth-of-type(2) {width:47%;margin-right:1.5%;} .recent-items-part2.recent-item:nth-of-type(3) {width:25%;margin-right:0;} .recent-body {color:#fff;} .recent-post-title {font-size:18px;font-weight:600;font-family:Catamaran, Arial, Sans-serif !important;margin-bottom: 5px;transition:.3s} .recent-date {font-size:12px;margin-bottom: 15px;} .recent-boddy {margin-top:5px;height:0;transition:.3s;} .recent-boddy p,.recent-boddy i,.recent-boddy h1,.recent-boddy h2,.recent-boddy h3,.recent-boddy h4,.recent-boddy h5,.recent-boddy h6,.recent-boddy a,.recent-boddy span, .recent-boddy strong ,.recent-boddy em ,.recent-boddy li,.recent-boddy ul, .recent-boddy p span , .recent-boddy p storng {font-weight:400;margin:0;padding:0;float:none;color: #fff;font-size: 14px;font-style:normal;line-height:1.3;display:inline;list-style:none;text-transform: lowercase;font-family: Catamaran, Arial, Sans-Serif !important;} .recent-item:hover .recent-boddy {height:auto;} .recent-item:hover .recent-post-title {color: #f72717;} /***********LOAD MORE BUTTON********/ .ias-trigger-next{ margin-bottom:40px!important; height:70px; margin-top:-20px!important; } .ias-trigger-next a { text-indent: -9999px !important; line-height: 0 !important; } .ias-trigger-next a::after{ content:"VER MÁS"; text-indent: 0 !important; display: block !important; line-height: initial !important; } /*******FIN LOAD MORE BUTTON *****/ /******************* Blog Subsciption Form V1 **************************************/ .img-subscription-logo {display:block;margin: auto auto!important;height:95px;width:95px;} .blog-subscription-v1 {display:block; margin:auto auto!important; background-color:#f72717;padding-top: 130px; } .blog-subscription-v1 .widget-type-blog_subscribe > div.cell-wrapper > span { display:block;margin:auto auto;width:100%; } .blog-subscription-v1 .widget-type-blog_subscribe h3 {padding: 20px 0px; text-transform: uppercase; color: #fff; display: inline-block; margin: auto; font-family:Catamaran, Arial, Sans-serif !important;font-weight:700;width:100%; text-align:center } .blog-subscription-v1 .widget-type-blog_subscribe > div.cell-wrapper > span > div {width:70%;position:relative;margin:auto;} .blog-subscription-v1 .hs-form-field {margin:0;} .blog-subscription-v1 .hs-form-field > label { display:none;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_email input {border:0;border-radius: 25px;padding: 0 150px 0 22px;height:45px;background: #fff; margin:auto auto;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_submit {position: relative; ; width: 50%;margin:auto;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_submit input {text-transform: uppercase;;font-size: 20px; background: #4F4F54 ; margin:20px 0;border-radius: 5px;font-weight: 600;width: 100%; color: #fff; padding: 7px; opacity: 0.8; border-radius: 25px; height: 48px;font-size: 16px; } .blog-subscription-v1 ul.hs-error-msgs {position:relative;color:#fff;} .blog-subscription-v1 ul.hs-error-msgs label {color:#fff;} .hs_error_rollup {display:none !important;} .blog-subscription-v1 input::-webkit-input-placeholder { color: #c5c5c5; opacity:1;} /* WebKit browsers */ .blog-subscription-v1 input:-moz-placeholder { color: #c5c5c5; opacity:1;} /* Mozilla Firefox 4 to 18 */ .blog-subscription-v1 input::-moz-placeholder { color: #c5c5c5; opacity:1;} /* Mozilla Firefox 19+ */ .blog-subscription-v1 input:-ms-input-placeholder { color: #c5c5c5; opacity:1;} /* Internet Explorer 10+ */ /******************************************************************************************************************** Blog Design 1 ******************************************************************************************/ /*** Blog Listing Page Background image ***/ .bg-list {display:none !important;} .blog-banner-main > div.row-fluid-wrapper {display:table;width:100%;height:100%;} .blog-banner-main > div.row-fluid-wrapper > div.row-fluid {display:table-cell;vertical-align:middle;} /********* Blog Listing ****************/ .bloog-listing {} /********** Blog list box *****************/ .post-listing {font-size:0;} .post-item {display:inline-block;vertical-align:top;width:32.1%;margin-left:0;position:relative;margin-bottom:30px;overflow: hidden;cursor:pointer;transition:all 0.5s ease;margin-right:1.5%;} .post-item:hover {-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);} .post-item:nth-of-type(3n) {margin-right:0;} .most-recent-post-box .post-item {width:100%;margin-bottom:0;margin} .most-recent-post-box .post-listt-image .post-listt-image-bg {height:450px;} .post-listt-image {position:relative;} .post-listt-image img {} .post-listt-image .post-listt-image-bg {height:300px;transition:all 0.5s ease;} .list-img-bg-only {height:100%;transition:all 0.5s ease;cursor:auto;} .posst-content {background-color:#fff;padding:10px 20px 20px;float:left;height:270px!important;} .posst-content h2 a {font-size:24px!important;} .post-listt-title h2 {text-align:left;text-align: left; line-height: normal; display: block;float:left; font-size: 0;margin-bottom:10px;margin-top:14px;width:100%} .post-listt-title h2 a {font-size:20px;line-height:1.2;color:#000;text-transform:uppercase;font-family:Catamaran, Arial, Sans-serif !important;font-weight:600;} .post-listt-title h2 a:hover {color:#f72717;} .posst-listt-author {} .posst-listt-author a {} .posst-listt-author a:hover {} .posst-listt-date { padding: 7px 5px; font-size: 15px; color:#99999A;font-weight:600; text-align:left;height:40px;float:left;} .posst-listt-date > span {display:block;line-height:normal;} .posst-content .posst-listt-body p{height:60px!important; } .posst-listt-body p,.posst-listt-body i,.posst-listt-body p strong,.posst-listt-body h1,.posst-listt-body h2,.posst-listt-body h3,.posst-listt-body h4,.posst-listt-body h5,.posst-listt-body h6,.posst-listt-body a,.posst-listt-body span, .posst-listt-body strong ,.posst-listt-body em ,.posst-listt-body li,.posst-listt-body ul, .posst-listt-body p span , .posst-listt-body p storng {/*float:left;*/font-weight:400;margin:0;padding:0;color: #333 !important; font-size: 18px !important; text-decoration: none !important; font-style:normal;line-height:1.1;display:inline;list-style:none;font-family: Catamaran, Arial, Sans-Serif !important;} .posst-listt-topic {max-height:38px!important;overflow: hidden;} .posst-listt-topic a.toppic-link {color: #fff;font-size:13px;font-weight:300;line-height:20px; background-color: #f72717; padding: 3px 15px; text-align:center;line-height: normal;border-radius: 15px 15px 15px 15px;float:left; font-size:14px;color:#fff; margin-right:5px;margin-top:5px;} .posst-listt-topic a.toppic-link:hover{} .reading-minutes{float: right; font-size:13px; color:#99999a;padding-top:11px;margin-top:10px; } .posst-listt-readmore {visibility: hidden; position:absolute;bottom:-45px;width:100%;text-align:center;transition:all 0.5s ease;} .posst-listt-readmore a {display:block;background-color: #f72717;color:#fff;width:100%;padding:12px;text-align:center;font-size:15px;font-weight:600;} /*.post-item:hover .posst-listt-readmore {bottom:0; visibility: visible}---- efecto */ /*.post-item:hover .post-listt-image-bg .list-img-bg-only {transform:scale(1.07);} ---- efecto */ .post-item:hover .post-listt-title h2 a {color:#f72717;} /*Prueba post-list*/ .post-list-item {display:flex;width:90%;margin-left:0;position:relative;margin-bottom:30px;overflow: hidden;cursor:pointer;transition:all 0.5s ease;margin-right:1.5%;} .post-list-item:hover {-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);} .post-list-item:nth-of-type(3n) {margin-right:0;} .post-list-content {background-color:#fff;padding:10px 20px 20px;float:left;height:270px!important;} .post-list-title h2 {text-align:left;text-align: left; line-height: normal; display: block;float:left; font-size: 0;margin-bottom:10px;margin-top:14px;width:100%} .post-list-title h2 a {font-size:20px;line-height:1.2;color:#000;text-transform:uppercase;font-family:Catamaran, Arial, Sans-serif !important;font-weight:600;} .post-list-title h2 a:hover {color:#f72717;} .post-list-author {} .post-list-author a {} .post-list-author a:hover {} .post-list-date { padding: 7px 5px; font-size: 15px; color:#99999A;font-weight:600; text-align:left;height:40px;float:left;} .post-list-date > span {display:block;line-height:normal;} .post-list-content .post-list-body p{height:75px!important; } .post-list-body p,.post-list-body i,.post-list-body h1,.post-list-body h2,.post-list-body h3,.post-list-body h4,.post-list-body h5,.post-list-body h6,.post-list-body a,.post-list-body span, .post-list-body strong ,.post-list-body em ,.post-list-body li,.post-list-body ul, .post-list-body p span , .post-list-body p storng {text-align:left; float:left; font-weight:400; font-size:16px!important; margin:0; padding:0; color: #333 !important; text-decoration: none !important; font-style:normal; line-height:1.3; display:inline; list-style:none; font-family: Catamaran, Arial, Sans-Serif !important;} .post-list-body a{ display: inline !important; float: none !important; } .post-list-body strong{ display: inline !important; float: none !important; } .post-list-body span{ display: inline !important; float: none !important; } .post-list-topic {max-height:35px!important;overflow: hidden; /*position: absolute; bottom: 21px; margin-left: 15px !important;*/} .post-list-topic a.toppic-link {color: #fff;font-size:13px;font-weight:400;line-height:20px; background-color: #f72717; padding: 3px 15px; text-align:center;line-height: normal;border-radius: 15px 15px 15px 15px;float:left; font-size:14px;color:#fff; margin-right:5px;margin-top:5px;} .post-list-topic a.toppic-link:hover{} .reading-minutes{float: right; font-size:13px; color:#99999a;padding-top:11px;margin-top:10px; } .post-list-readmore {visibility: hidden; position:absolute;bottom:-45px;width:100%;text-align:center;transition:all 0.5s ease;} .post-list-readmore a {display:block;background-color: #f72717;color:#fff;width:100%;padding:12px;text-align:center;font-size:15px;font-weight:600;} /*.post-item:hover .posst-listt-readmore {bottom:0; visibility: visible}---- efecto */ /*.post-item:hover .post-listt-image-bg .list-img-bg-only {transform:scale(1.07);} ---- efecto */ .post-item:hover .post-list-title h2 a {color:#f72717;} /******New form subscription *****/ .post-item-form img {display:block;margin: auto!important;height:95px;width:95px;margin-top:110px!important;} .post-item-form h2 {display:block;margin:auto auto!important;font-size:24px;color:#FFF; text-align:center;;margin-top:25px!important;width:90%;} .post-item-form {background-color:#f72717; display:inline-block;vertical-align:top;width:32.1%;height:570px;margin-left:0;position:relative;margin-bottom:30px;overflow: hidden;cursor:pointer;transition:all 0.5s ease;margin-right:1.5%;} .post-item-form:nth-of-type(3n) {margin-right:0;} .post-item-form .input{margin-left:10%!important;width:88%;} .post-item-form .hs-input{ margin: auto auto !important; height: 50px; width: 90% !important; border-radius:50px!important; border: 1px solid #d2d2d2 !important; font-size: 14px !important; padding: 15px !important; box-sizing: border-box !important; font-size: 13px !important; background-color: #FFF !important; } .post-item-form label{color:#f72717!important;} .hs_submit input:hover{box-shadow:none!important;border:none!important;} .hs_submit input {box-shadow:none!important;border:none!important;text-transform: uppercase;font-family:Catamaran!important;font-size: 16px!important; background: #4F4F54!important ; margin:auto auto!important;border-radius: 5px;text-shadow:none!important;font-weight: 400!important;margin-left:32%!important;width: 30%!important;height:30px!important; color: #fff!important; border-radius: 25px!important;} /******New form subscription (publicación lateral)*****/ .item-form img {display:block;margin: auto!important;height:95px;width:95px;margin-top:110px!important;} .item-form h2 {display:block;margin:auto auto!important;font-size:24px;color:#FFF; text-align:center;;margin-top:25px!important} .item-form {background-color:#f72717; display:inline-block;vertical-align:top;width:100%;height:570px;margin-left:0;position:relative;margin-bottom:30px;overflow: hidden;cursor:pointer;transition:all 0.5s ease;margin-right:1.5%;} .item-form:nth-of-type(3n) {margin-right:0;} .item-form .input{margin-left:10%!important;width:88%;} .item-form .hs-input{ margin: auto auto !important; height: 50px; width: 90% !important; border-radius:50px!important; border: 1px solid #d2d2d2 !important; font-size: 14px !important; padding: 15px !important; box-sizing: border-box !important; font-size: 13px !important; background-color: #FFF !important; } .item-form label{color:#f72717!important;} .hs_submit input:hover{box-shadow:none!important;border:none!important;} .hs_submit input {box-shadow:none!important;border:none!important;text-transform: uppercase;font-family:Catamaran!important;font-size: 16px!important; background: #4F4F54!important ; margin:auto auto!important;border-radius: 5px;text-shadow:none!important;font-weight: 400!important;margin-left:32%!important;width: 30%!important;height:30px!important; color: #fff!important; border-radius: 25px!important;} /******New form subscription (publicación horizontal)*****/ .item-form-hr h2 {display:block;margin:auto auto!important;font-size:22px;color:#FFF; text-align:center;;margin-top:70px!important} .item-form-hr { background: url('https://mktg.gointegro.com/hubfs/Blog/bg_suscribe.png') no-repeat;background-position: center;background-size: cover;margin-top:50px;background-color:#f72717; display:block;vertical-align:top;height:300px;margin-left:0;position:relative;overflow: hidden;width:100%;transition:all 0.5s ease;margin-right:1.5%;} .item-form-hr:nth-of-type(3n) {margin-right:0;} .item-form-hr .input{margin:auto auto!important;width:500px;display:block;} .item-form-hr .hs-input{ height: 40px; display:block; margin:auto auto; border-radius:50px!important; border: 1px solid #d2d2d2 !important; font-size: 14px !important; padding: 15px !important; box-sizing: border-box !important; font-size: 13px !important; background-color: #FFF !important; } .item-form-hr label{color:#f72717!important;} .item-form-hr .hs_submit input {;box-shadow:none!important;border:none!important;text-transform: uppercase;font-family:Catamaran!important;font-size: 16px!important; background: #4F4F54!important ; margin:auto auto!important;border-radius: 5px;text-shadow:none!important;font-weight: 400!important;display:block!important;width: 10%!important;height:30px!important; color: #fff!important; border-radius: 25px!important;} .item-form-hr .actions {margin: 0!important;padding:10px!important;} .item-form-hr .hs_email .hs-email .hs-fieldtype-text .field .hs-form-field {margin-bottom:0!important;} /*fin prueba*/ .posst-social-share {} .posst-social-share ul {} .posst-social-share ul li {} .posst-social-share ul li a {} h2.postt-all {} /******** Compartir btn*****/ .share__icon { width: 28px height: 28px; fill: #fff; display: inline-block; vertical-align: top; margin-right: 3px; } .share__icon:last-of-type{ margin-right: 0px; } .share-button { margin-top:18px; cursor: pointer; display: block; height:28px; position: flex; width:130px; float:left; transform: translateY(0) translateX(0); -webkit-transform: translateY(0) translateX(0); -moz-transform: translateY(0) translateX(0); } .share-button__back { background-color: #56565b; padding: 5px; height:30px; border-radius: 5px; overflow: hidden; font-size:16px!important; box-shadow: 0px 0px 14px rgba(0,0,0,0.1) inset; } .share-button__front { width: 100%; height: 100%; background-color: #4F4F54!important; border-radius: 5px; position: absolute; top: 0; left: 0; transform-origin: center top; -webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .share-button__text { margin: 0; line-height: 30px; font-size: 14px; text-align: center; color: white; } .share__link { position: relative; top: 40px; display: inline-block; opacity: 0; -webkit-transition: top .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: top .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: top .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: top .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: top .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .share-button:hover .share-button__front { transform: rotateX(90deg); } .share-button:hover .share__link { top:0; opacity: 1; } .share-button:hover .share__link:nth-of-type(1){ transition-delay:0.1s; } .share-button:hover .share__link:nth-of-type(2){ transition-delay:0.2s; } .share-button:hover .share__link:nth-of-type(3){ transition-delay:0.3s; } .share-button:hover .share__link:nth-of-type(4){ transition-delay:0.4s; } /**** Blog list filter module ****/ .posst-tag-filter {padding:27px; border-radius:0px!important;} .posst-tag-filter h3 {color:#f72717;margin-bottom:23px} .posst-tag-filter ul {margin:0;padding:0;} .posst-tag-filter ul li {list-style:none;margin-bottom:15px;} .posst-tag-filter ul li:last-child {margin:0;} .posst-tag-filter ul li a {text-transform:uppercase;color:#4F4F54;font-size:16px;font-weight:600;} .posst-tag-filter ul li a span.filter-link-count {display:none;} .posst-tag-filter ul li a:hover {color:#f72717;} /****** Blog Post ****/ .blog-pagination a {font-size: 16px; color: #fff; font-weight: 600; background-color: #f72717; padding: 10px 30px; border-radius:25px;} a.next-posts-link {float:right;} a.previous-posts-link {float:left;} /************** Image Hubspot CTA ************/ .hs-cta-imgg.widget-type-cta a {background-color: transparent; padding: 0; border-radius: 0;} /********* Blog Subscription form ************/ .posst-subscription {} .subscription {display:inline-block;vertical-align:top;width:32.3%;margin-left:0;position:relative;margin-bottom:30px;overflow: hidden;cursor:pointer;transition:all 0.5s ease;margin-right:1.5%;} /******* Recent post **************/ /******* populer post **************/ .pop-post-listing {padding:25px;border-radius:0px;} .pop-header {color:#f72717;margin-bottom:10px} .pop-post-listing .pop-item {margin-bottom: 12px;} .pop-post-listing .pop-item:last-child {margin:0;} .pop-post-listing .pop-item .pop-image {width:24%;height:57px;float:left;width:97px;} .pop-post-listing .pop-item .pop-image .pop-img-bg {width:100%;height:100%;} .pop-post-listing .pop-item .pop-content {width:65%;margin-left:5%;float:left;} .pop-post-listing .pop-item .pop-content a.pop-title {font-size:16px;font-weight:600;color:#000;} .pop-post-listing .pop-item .pop-content a.pop-title:hover {color: #f72717;} /********* Side bar image CTA *************/ /******** RSS Feed Module *************/ /******************************************** Topic page ****************************************************/ .toppic-page-title {} .topic-pagegg span {color:#f72717 ;} /******************************************** author page ****************************************************/ .hs-author-profile {padding:35px 15px;text-align:center;} h5.hs-author-name {margin-bottom:0px;} .hs-author-social-links a.hs-author-social-link {background-image: none !important;text-indent:0;} .hs-author-social-links a.hs-author-social-link { width: 30px;height: 30px;line-height: 30px;border-radius: 8%;color:#fff ;background-color: #4F4F54;display: inline-block;text-align: center;margin-right: 5px;margin-bottom:5px;} .hs-author-avatar {margin-bottom:0px;} .hs-author-bio {margin-bottom:0px;} .hs-author-listing-header {padding: 0 25px;font-size:25px;} /************************************************************************************************************** Blog post page ******************************************************************************/ .btnshare-post{display:inline-flex;align-items: center; justify-content:center;width:20%;;z-index:2!important;} .post{width:40px;height:40px;margin-left:4px;margin-right:4px;border-radius:4px;font-size:40px!important;background-color:white;} .post i {font-size:24px!important;color:#4F4F54;} .blog-post-banner {text-align:center;height:540px; z-index:1 !important;}/*685*/ .poost-topic-main a {color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; display: inline-block;background-color: #f72717;border-radius: 15px 15px 15px 15px; padding:5px 20px;} .blog-poost-titile h1 > span {font-size:42px;color:#fff;line-height:1.3;} .blog-poost-titile h1 {font-size:0;} .blog-post-banner .poost-topic-main { margin-bottom: 40px; } .blog-post-banner .poost-topic-main .topic-link { margin: 5px; } .blog-post-banner .post-date {display:block;} .blog-post-banner .post-by {color:#fff; font-size:24px;line-height:1.2;} .blog-post-banner .author-link {color:#fff;font-weight:600;font-size:24px;line-height:1.2;margin-bottom:10px;display: inline-block;} .blog-post-banner .post-date {color:#fff; font-size:24px;line-height:1.2;} .blog-poost-titile {margin-top:20px; margin-bottom:20px;} .blog-post-banner h5.share-header { text-align: center; text-transform: uppercase; font-size: 16px; color: #fff; letter-spacing: 1.5px; margin: 45px 0 10px; } .blog-post-banner ul { text-align: center; margin: 10px 0 0; padding: 0; } .blog-post-banner ul li { display: inline-block; vertical-align: top; list-style: none; margin: 0; margin-right: 15px; } .blog-post-banner ul li a { width: 40px; height: 40px; line-height: 45px; border-radius: 5px; color:#4F4F54; background-color:#fff ; display: inline-block; text-align: center; font-size:22px} .blog-post-banner ul li:last-child {margin-right:0;} .hs-blog-listing .blog-post-only {display:none!important;} .hs-blog-listing .blogg-main-post-box {width:100% !important; } .reading-minutes-post{float: left; font-size:14px; color:#99999a;margin-left: 10px;border-top: 5px solid #f72717;padding-top:5px; } .poost-page-body {text-align:center;} .poost-page-body h1 {margin:40px 0;} .poost-page-body h2 {margin:40px 0;display:block;} .poost-page-body h2:first-child {margin-top:0;} .poost-page-body h3 {margin:25px 0;} .poost-page-body h3 span { color:#f72717 !important; } .poost-page-body h4 {margin:25px 0;} .poost-page-body h4 span { color:#f72717 !important; } .poost-page-body h5 {margin:25px 0;} .poost-page-body h6 {margin:25px 0;} .poost-page-body strong {font-weight:700;} .poost-page-body ul ,.poost-page-body ol {color:#333;margin:35px auto;padding-left:30px;text-align:left;max-width:770px} .poost-page-body ul li {list-style-type:disc;} .poost-page-body ol li {list-style-type:decimal;} .poost-page-body li {list-style-position:outside;line-height:1.5;} .poost-page-body li:last-child {margin-bottom:0;} .poost-page-body p {color:#4f4f54;font-weight:400;line-height:1.5;max-width:770px;margin:0 auto 20px;text-align:left;font-size:19px!important;} .poost-page-body p > span {} .poost-page-body em {color:#4f4f54;font-weight:400;line-height:1.5;max-width:770px;margin:0 auto 5px;text-align:left;font-size:19px!important;} .poost-page-body p > img {width:100%;margin-bottom:15px;} .poost-page-body img {width:100%;max-width:770px;margin-bottom:15px;} .poost-page-body span {line-height:1.5;} .poost-page-body a {font-size:19px!important;line-height:1.5;color:#f72717 !important;text-align:left} .poost-page-body a:hover {color:#f72717 ;} .poost-page-body blockquote{display:block;padding: 80px 20px;margin: 100px auto;position: relative;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;max-width:770px;} .poost-page-body blockquote * {margin:0;max-width:100%;font-size: 26px; line-height: 1.2; font-style: italic;} .poost-page-body blockquote::before , .poost-page-body blockquote::after { content:url('https://3927798.fs1.hubspotusercontent-na1.net/hubfs/3927798/Your%20Home%20Template%20Pack/Blog%20Template/queats.png');background-repeat:no-repeat;background-size:15px; font-size: 60px; font-weight: bold; position: absolute; left: 0; top: -43px; right: 0; background-color: #f72717; width: 70px; height: 70px; color: #fff; margin: 0 auto; border-radius: 50%; line-height: 0; padding:21px} .poost-page-body blockquote::after { content:url('https://3927798.fs1.hubspotusercontent-na1.net/hubfs/3927798/Your%20Home%20Template%20Pack/Blog%20Template/queats_down.png'); bottom:-43px;top:auto;} .poost-page-body .hs-cta-wrapper a { display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:0px!important;margin-bottom:0px;} .poost-page-body .hs-cta-wrapper {text-align:center;} .blogg-main-post-box . .span4 .widget-span .widget-type-cell .blog-post-only .padding-140c .img{width:100%!important;} /****************+ Extra *************/ td[style="width: 99.8922%; padding: 4px; background-color: #25baa2; border-color: #FFFFFF;"] { background-color: #f72717 !important; } a.cta_button:not(:has(img)), a#cta_button_1594506_c4040114-f64c-4d67-8705-7f34386f78b6, a#cta_button_1594506_310c0ae5-a44d-40f6-a5e9-f99019e40469 { color:#FFFFFF !important; background:#f72717 !important; } span[style="color: #25baa2; text-decoration: underline; font-size: 1.5rem;"], span[style="text-decoration: underline; color: #25baa2;"], span[style="font-weight: bold;"] span span, .leadinModal .leadin-close-button, .leadinModal.leadinModal-v3 .thank-you-message a { color:#f72717 !important; } .leadinModal.leadinModal-v3 .thank-you-message a.leadin-button { color:#FFF !important; } .leadinModal .leadin-input-wrapper label { color:#444 !important; } /***************** Related post *************/ .related-post-main {font-size:0; background-color:#f9f9f9;} .related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg {height:345px;} .related-post-main .post-item {width:32%;margin-right:1.5%;} .related-post-main .post-item:last-child {margin-right:0;} .reelated-section h2.cm-title {margin-bottom:20px;color:#4F4F54;text-transform:none;font-family:Catamaran; font-weight:400;font-size:30px} /*********************************************************************************** About US page *****************************************************************************************/ .form-design02 h3.form-title {display:none;} .form-design02 {background-color:#EFEFEF;padding:80px 15px;} .form-design02 input, .form-design02 textarea, .form-design02 select {background-color:#fff;} .form-design02 input[type="submit"] {background-color: #f72717;} .form-design02 .hs_submit {text-align:center;} .form-design02 form {max-width: 905px; margin: 0 auto;} .form-design02 .hs_file_upload .input {display:inline-block;position:relative;} .form-design02 div.hs-form-field.hs_file_upload > label {display:inline-block;} .form-design02 .hs_file_upload {display:flex;align-items:center;} .form-design02 div.hs-form-field.hs_file_upload > label { display: inline-block; margin: 0; font-weight: 600; margin-right: 15px; } .form-design02 .hs_file_upload .input:after { content: "Choose File"; color: #fff; background: #f72717; width: 160px; padding:10px 15px; font-size: 15px; font-weight: 600; text-align: center; position: absolute; left: 0; top: 0; text-transform: uppercase; border-radius: 25px; } .form-design02 fieldset.form-columns-1 input[type=file].hs-input { opacity: 0; position: relative; z-index: 99; width: 160px !important; height: 43px;cursor: pointer;} .form-design02 input[type=file]:hover { color: #000000; background: rgba(68, 68, 68, 0.2); text-decoration: none; } /**************************************************************************************** homepage v2 *********************************************************************************/ /* COMENTARIO */ .hs-common-confirm-message{ margin-bottom: 30px !important; } .comenta{ margin: 30px 0 !important; } .comenta h3{ margin-bottom: 20px !important; } .comenta .hs-form-field label{ color: #4f4f54 !important; font: 14px !important; line-height: 1.3em !important; text-align: left !important; float: left !important; height: 30px; } .comenta input{ height: 40px !important; width: 100% !important; padding: 10px !important; } .comenta .hs_submit input[type="submit"]{ padding: 10px !important; height: auto !important; margin: 0px !important; float: left !important; width: 100% !important; max-width: 256px !important; } .comenta textarea[name="comment"]{ width: 100% !important; display: block !important; } .video-banner-section {height: 100%;position: absolute;top: 0;width: 100%;} /*--------------- Responsive media query style start here ----------------*/ @media (max-width:1500px) { .container-big {padding:0 20px;} } @media (max-width:1300px) { .custom-menu-primary .hs-menu-wrapper > ul ul {left: -40px !important;} .cm-hs-cta a , .widget-type-cta a , .btn-div a , a.btn {margin-top:20px;padding: 10px 30px;font-size: 14px;} ul.work-tab-list li a {padding: 18px 0;font-size: 18px;} /* grid with float */ .col-float-4 {width:33.33%;} /* grid with display inline */ .col-dis-4 {width:33.33%;} /*** Grid with some space display inline-block***/ .col-dis-space-4 {width:32%;margin-right:2%;} .dis-outer-flex .col-dis-space-4:nth-of-type(4n) {margin-right:2%;} .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:0;} /*** Grid with some space display inline-block***/ .col-float-space-4 {width:32%;margin-right:2%;} .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:0;} .dis-outer-flex > span > div:nth-of-type(4n) .col-float-space-4 {margin-right:2;} } @media (max-width: 1250px){ .container {padding:0 20px;} .custom-menu-primary .hs-menu-wrapper>ul ul li{float:left!important;} .custom-menu-primary .hs-menu-wrapper>ul ul ul li a{padding-left:30px!important;} @media (max-width: 1200px){ h1 {font-size:52px;} .custom-menu-primary .hs-menu-wrapper > ul ul {left: -50px !important;} .sticky-logo img{margin-left:20px;} } @media (max-width: 1100px){ .container-small {padding:0 20px;} /* header text */ h1 {font-size:48px;} h2 {font-size:32px;} .padding-140tb {padding:120px 0;} .padding-140t {padding:120px 0 0;} .padding-140b {padding:0 0 120px;} .padding-140c {padding:20px 0 0;} .pop-post-listing .pop-item .pop-content a.pop-title {font-size:13px;} .blog-poost-titile h1 > span {font-size:42px;} .poost-page-body blockquote * {font-size:22px;} /*.related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg ,.related-post-main .post-listt-image .post-listt-image-bg {height:280px;} */ .hs-blog-post .post-listt-title h2 a,.blog-post-banner .author-link,.blog-post-banner .post-by,.blog-post-banner .post-date {font-size:20px;} .testimonial-content {margin-left:5%;} /*AJUSTES CONTENT TRACK*/ @media (max-width:1250px){ .full-submenu,.nav-sub{ display:none!important; } .pop-post-listing .pop-item .pop-content{ max-width:50% !important; line-height: 1.3em; } } @media (max-width:800px){ .pop-post-listing .pop-item .pop-content{ max-width:100% !important; } } /*AJUSTES CONTENT TRACK*/ @media (max-width: 1100px){ [data-hs-anchor] { scroll-margin-top: 144px; } } @media (max-width: 1024px){ /*.tri-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1>ul>li.hs-menu-depth-2>ul>li.hs-menu-depth-3{margin-left:-250px!important;}*/ .custom-menu-primary .hs-menu-wrapper>ul ul ul li a{width:100%!important;} /* header text */ h1 {font-size:42px;} h2 {font-size:28px;} h3 {font-size:22px;} h4 {font-size:20px;} h5 {font-size:18px;} h6 {font-size:15px;} p {font-size: 14px; } /* links */ a {font-size: 14px;} /* ul li */ ul li ,ol li { font-size: 15px; } select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {font-size:15px;} .padding-140tb {padding:90px 0;} .padding-140t {padding:90px 0 0;} .padding-140b {padding:0 0 90px;} .nBanner-bgimg {height:250px;} .blog-subscription-v1 {text-align:center;} .blog-subscription-v1 .widget-type-blog_subscribe h3 {display:block;width:100%;margin-bottom:25px;} .blog-subscription-v1 .widget-type-blog_subscribe > div.cell-wrapper > span > div {display:block;width:100%;max-width: 700px; margin: 0 auto;} .blog-subscription-v1 .widget-type-blog_subscribe > div.cell-wrapper > span {display:block;} .blog-poost-titile h1 > span {font-size:30px; line-height:1.2em;} .poost-page-body blockquote * {font-size:20px;} .tri-menu {padding-top:0;color:#4F4F54!important;} /* .custom-menu-primary .hs-menu-wrapper > ul ,.mobile-trigger .line {background:#f72717}*/ .custom-menu-primary .hs-menu-wrapper > ul ul li {background:#f72717} .custom-menu-primary .hs-menu-wrapper > ul ul {padding: 0 15px;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > a {padding:0;color:#4F4F54!important;margin-left:50px} .testimonial-bubble em:before {left:0;} .post-list-content p , .post-list-content a, .post-list-content strong {font-size:15px!important;} .recent-item , .recent-items-part2.recent-item {width:32% !important;margin-right:2% !important;} .recent-items-part2.recent-item:nth-of-type(3) {margin-right:0 !important;} .faq-ask-text {margin-bottom:25px;} .faq-ask-text ,.faq-ask-cta {width:100% !important;text-align:center;} .txt-right.faq-ask-cta {text-align:center;} .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 {line-height:40px;color:#4F4F54!important;} .poost-page-body p {/*max-width:350px;*/ margin-left: 10px;margin-right: 10px;} /***Populares y Recientes****/ .pop-post-listing .bg-white{padding:25px 25px!important;} .pop-post-listing .pop-item .pop-image {width:22%;height:48px;} .pop-post-listing .pop-item .pop-content {width:70%;} .posst-content .posst-listt-body p{min-height:70px!important;} .most-recent-post-box .post-listt-image .post-listt-image-bg {height:380px;} .posst-content {max-height:250px!important;} .post-item {width:32% ;margin-right:1%!important;} /*productos-archivo-cta*/ #container-footer1{max-height:420px!important;} .product span{font-size:18px!important;margin-bottom:0px!important;} #container-footer1 h3{font-size:18px!important;margin-bottom:20px!important;} #container-footer1 a{font-size:16px!important;} #container-footer1 li{margin-bottom:6px!important;} .tab-product{height:260px!important;} .eq-height .bg-white .bd-rd5 .prefooter{height:280px!important;} /*footer*/ .f-facebook{width:28px!important; height:28px!important;margin-right:4%important;} .f-twitter{width:28px!important; height:28px!important;margin-right:4%important;} .f-linkedin{width:28px!important; height:28px!important;margin-right:4%!important;} .f-youtube{width:28px!important; height:28px!important;} .row-fluid{max-height:700px!important;} } @media (max-width: 980px){ fieldset.form-columns-2 > div,fieldset.form-columns-2 > div:last-child {width:100% !important;margin-right:0 !important;} .post-item {width:48.5% ;margin-right:3%;} .post-item:nth-of-type(3n) {margin-right:3%;} .post-item:nth-of-type(2n) {margin-right:0;} .posst-content {max-height:300px!important;} /***Populares y Recientes****/ .pop-post-listing .bg-white{padding:30px 25px!important;} .pop-post-listing .pop-item .pop-image {width:22%;height:48px;} .pop-post-listing .pop-item .pop-content {width:72%;} .pop-post-listing .pop-item .pop-content a.pop-title {font-size:11px!important;line-height:10px!important;} .post-item-form {width: 48%;} .hs_submit input { margin-left:33%!important;} .post-item-form h2{font-size: 20px!important;} /*productos-archivo-cta*/ .product span{font-size:15px!important;margin-bottom: 10px!important;} #container-footer1 h3{font-size:15px!important;margin-bottom: 10px!important;} #container-footer1 a{font-size:14px!important;} #container-footer1 li{margin-bottom:3px!important;} .tab-product{height:150px!important;} .tab-product td{padding-bottom:0px!important;} .eq-height .bg-white .bd-rd5 .prefooter{height:260px!important;} .product {margin-bottom: 5px!important;} #container-footer1 img{padding-bottom:0px!important; } /*footer*/ .f-facebook{width:26px!important; height:26px!important;margin-right:2%!important;} .f-twitter{width:26px!important; height:26px!important;margin-right:2%!important;} .f-linkedin{width:26px!important; height:26px!important;margin-right:2%!important;} .f-youtube{width:26px!important; height:26px!important;} .follow-social i{font-size:14px!important;} .poost-page-body img{max-width:100%;} } @media (max-width: 900px){ .blog-list-sidebar {width:100% !important;margin-left:0 !important;} .pop-post-listing .pop-item .pop-content a.pop-title {font-size:16px;} .posst-tag-filter,.posst-tag-filter ul {text-align:center;} .pop-post-listing .pop-item .pop-image {height:100px;} .related-post-main .post-item {width:100%;margin-right:0;} .related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg ,.related-post-main .post-listt-image .post-listt-image-bg {height:300px;} .hs-blog-post .blog-list-leftsection {margin:0;} .most-recent-post-box .post-item {margin-right:0;} .posst-content {min-height:320px!important;} .posst-content .posst-listt-body p{min-height:80px!important;} } @media (max-width: 840px){ /* grid with float */ .col-float-3 {width:50%;} .col-float-4 {width:50%;} /* grid with display inline */ .col-float-3 {width:50%;} .col-dis-4 {width:50%;} /*** Grid with some space display inline-block***/ .col-dis-space-4 {width:48%;margin-right:4%;} .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:4%;} .dis-outer-flex .col-dis-space-4:nth-of-type(2n) {margin-right:0;} /*** Grid with some space display inline-block***/ .col-float-space-4 {width:48%;margin-right:4%;} .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:4%;} .dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-4 {margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-dis-space-3 {width:48%;margin-right:4%;} .dis-outer-flex .col-dis-space-3:nth-of-type(3n) {margin-right:4%;} .dis-outer-flex .col-dis-space-3:nth-of-type(2n) {margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-float-space-3 {width:48%;margin-right:4%;} .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3 {margin-right:4%;} .dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-3 {margin-right:0;} ul.work-tab-list li a {padding: 15px 0;font-size: 14px;} .testimonial-box {padding:50px 20px;} .recent-item { width: 48% !important; margin-right: 4% !important; margin-bottom: 50px;} .recent-item:nth-of-type(2n) { margin-right: 0 !important; } .recent-items-part2.recent-item:nth-of-type(2) {margin-right:2% !important;} .posst-content .posst-listt-body p{min-height:100px!important;} .pop-recent{display:none!important;} } @media (max-width: 790px){ /* header text */ h1 {font-size:36px;} h2 {font-size:26px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:16px;} h6 {font-size:14px;} em {font-size:18px;} .testimonial-bubble em {font-size:18px;} /* p tag */ p {font-size: 14px; } /* links */ a {font-size: 14px;} /* ul li */ ul li ,ol li { font-size: 14px; } select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {height:40px;font-size:14px;} textarea {height:80px;} .hs-form-field { margin-bottom: 12px; } .dis-flex {display:block;} .testimonial-box .dis-flex {display:flex;} .hs_submit input {padding: 10px 40px;font-size:16px;} .hs_submit,.one-line-text {text-align:center;} .padding-140tb {padding:80px 0;} .padding-140t {padding:80px 0 0;} .padding-140b {padding:0 0 80px;} .widget-type-cta a {padding:10px 30px;font-size:14px;margin-top:20px;} .post-listt-title h2 a {font-size:20px;} .posst-listt-body p, .posst-listt-body i, .posst-listt-body h1, .posst-listt-body h2, .posst-listt-body h3, .posst-listt-body h4, .posst-listt-body h5, .posst-listt-body h6, .posst-listt-body a, .posst-listt-body span, .posst-listt-body strong, .posst-listt-body em, .posst-listt-body li, .posst-listt-body ul, .posst-listt-body p span, .posst-listt-body p storng {font-size:14px;} .blog-pagination a, .posst-tag-filter ul li a {font-size:14px;} .pop-post-listing .pop-item .pop-content a.pop-title {font-size:14px;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_submit input {font-size:14px;} .blog-poost-titile h1 > span {font-size:28px;} .poost-page-body blockquote * {font-size:18px;} .hs-blog-post .post-listt-title h2 a,.blog-post-banner .author-link,.blog-post-banner .post-by,.blog-post-banner .post-date {font-size:18px;} .poost-page-body blockquote {padding:50px 20px;} .poost-page-body blockquote::before, .poost-page-body blockquote::after {width:60px;height:60px;padding:17px;} .tri-top-menu {display:none !important;} .mobile-trigger {top:31px !important;} .custom-menu-primary.js-enabled .hs-menu-wrapper {top: 74px;} .recent-item, .recent-items-part2.recent-item {width:100% !important;margin-right: 0!important;} .testimonial-img {width:100%;text-align:center;margin-bottom:15px;} .testimonial-content {margin-left:0;width:100%;} .FAQ-cta-section {padding: 0 0 50px;text-align:center;} .faq-ask-img {margin-bottom:15px;} .full-cta-section .widget-type-cta {margin-bottom:25px;} .full-cta-section .widget-type-cta:last-child {margin-bottom:0;} .contact-joinus-section {text-align:center;margin-bottom:30px;} h3.form-title {text-align:center;} .contact-joinus-section ul { display: inline-block; } .float-right {margin-left:0 !important;float:none !important;} .footer-common { text-align: center; margin-bottom: 30px; } .footer-common ul , .pop-header{ text-align: center;} .brws-filter {height:auto !important;margin-bottom:20px;} .h-logo img {max-width:140px;margin-left:0px;margin-top:10px;float:left;position:relative; right:50px;} .posst-content {min-height:280px!important;} .posst-content .posst-listt-body p{min-height:70px!important;} .banner {display:none!important;} .footer-section1 {display:none!important;visibility:hidden!important;} .hs_submit input { margin-left: 7% !important; font-size: 14px!important;} } @media (max-width: 640px){ /* header text */ h1 {font-size:32px;} h2 {font-size:24px;} h3 {font-size:19px;} h4 {font-size:17px;} h5 {font-size:15px;} em {font-size:16px;} br {display:block;} .form-columns-2 .hs-form-field .hs-input {width:100% !important;} .hs_submit input {width:100%;} .post-item {width:100%;height:auto !important;margin-bottom:35px;margin-right:0;} .post-listt-image .post-listt-image-bg {height:300px;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_submit {position:static;margin: 20px auto 0;} .blog-subscription-v1 .widget-type-blog_subscribe .hs_submit input {padding: 0 22px;color:#f72717 ;opacity:1;background-color:#fff;} ul.work-tab-list li a {font-size:12px;} ul.work-tab-list li {width:100%;display:block;} ul.work-tab-list {border-radius:0;} ul.work-tab-list li a {border-radius:0;} /* grid with float */ .col-float-2 , .col-float-3 , .col-float-4 , .col-dis-2 , .col-dis-3 , .col-dis-4 {width:100%;} /*** Grid with some space display inline-block***/ .col-dis-space-4 {width:100%;margin-right:0;} .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:0;} /*** Grid with some space display inline-block***/ .col-float-space-4 {width:100%;margin-right:0;} .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-dis-space-3 {width:100%;margin-right:0;} .dis-outer-flex .col-dis-space-3:nth-of-type(3n) {margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-float-space-3 {width:100%;margin-right:0;} .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3 {margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-dis-space-2 {width:100%;margin-right:0;} /*** Grid with some space display inline-block 3***/ .col-float-space-3 {width:100%;margin-right:0;} .recent-item { width: 100% !important; margin-right: 0 !important; } .work2-box {margin-bottom:25px;} .work2-content {width:100%;left:0;max-width:100%;background: #f72717CC;} .work2-flex >span > div:nth-of-type(even) .work2-content {right:0;} .post-item:nth-of-type(3n) {margin-right:0;} .most-recent-post-box .post-listt-image .post-listt-image-bg {height:300px;} .posst-content:a h2{font-size:12px!important;} .posst-content {min-height:280px!important;} .posst-content .posst-listt-body p{min-height:80px!important;} } @media (max-width: 590px){ .posst-content {min-height:320px!important;margin-bottom:18px!important;} .posst-content .posst-listt-body p{min-height:90px!important;} .post-item-form {width: 100%;margin-bottom:30px!important;} /***Populares y Recientes****/ .pop-post-listing .bg-white{padding:20px 25px!important;} .pop-post-listing .pop-item .pop-image {width:30%;height:60px;} .pop-post-listing .pop-item .pop-content {width:58%;} .post-item-form {width: 100%;margin-bottom:30px!important;} .row-fluid{max-height:4000px!important;} } @media (max-width: 480px){ .post-item-form {width: 100%;margin-bottom:30px!important;} .padding-140tb {padding:60px 0;} .padding-140t {padding:60px 0 0;} .padding-140b {padding:0 0 60px;} .posst-content h2 a {font-size:15px!important;} ul.work-tab-list li {display:block;} .pop-post-listing .pop-item .pop-image {height:70px;} .share-button__text{} .posst-content {min-height:320px!important;margin-bottom:0px!important;} .posst-content .posst-listt-body p{min-height:140px!important;overflow:hidden;} .post-item-form {width: 100%;margin-bottom:30px!important;} .hs_submit input { margin-left:5%!important;} .footer-section1 {display:none!important;visibility:hidden!important;} .footer-container-wrapper {display:block;float:left;} .posst-content .posst-listt-body p{min-height:95px!important;} .footer-common { text-align: center; margin-bottom: 100px; } .pop-post-listing .pop-item .pop-content a.pop-title {font-size:16px!important;line-height:10px!important;} .post-item-form{margin-bottom:0px!important;} .banner {display:none!important;} /*********************************productos-archivo-cta*********************************************/ #container-footer1{max-height:1250px!important;} .product span{font-size:14px!important;} .product {padding-top:10px!important;} #container-footer1 h3{font-size:14px!important;text-align:left!important;} #container-footer1 a{font-size:14px!important;text-align:left!important;} #container-footer1 li{text-align:left!important;} .tab-product img{max-height:80%!important;max-width:80%!important;} .eq-height .bg-white .bd-rd5 .prefooter{height:280px!important;} .copyright{ float:left!important; display:block; } .at-share-dock {display:none;} /**************************************PUBLICACIÓN************************************/ .poost-page-body img{max-width:100%; } .item-form-hr {display:none!important;} } .poost-page-body{max-height:50000px!important;} .cta-lateral{display:block;float :left;padding-bottom:20px; } .pop-recent-entrada {display:block;float :left} } .row-fluid .copyright{ display:none; } @media (max-width:450px){ .post-item-form {width: 100%;margin-bottom:30px!important;} } @media (max-width: 400px){ .post-listt-title .posst-content p {font-size:12px!important;} /*texto btn share*/ .posst-content {min-height:330px!important;} .posst-content .posst-listt-body p{height:125px!important; overflow:hidden!important; } .posst-listt-body p,.posst-listt-body i,.posst-listt-body p strong,.posst-listt-body h1,.posst-listt-body h2,.posst-listt-body h3,.posst-listt-body h4,.posst-listt-body h5,.posst-listt-body h6,.posst-listt-body a,.posst-listt-body span, .posst-listt-body strong ,.posst-listt-body em ,.posst-listt-body li,.posst-listt-body ul, .posst-listt-body p span , .posst-listt-body p storng{font-size:15px!important;} .post-list-content p{height:60px!important; overflow:hidden!important;} .hs_submit input{font-size:13px!important;} .post-list-content{min-height:220px!important;} .post-list-content h2{height:36px!important; overflow:hidden!important;} .post-list-title a{font-size:15px!important;width:100%;height:55px!important; overflow:hidden!important;} .post-listt-title h2{font-size:10px!important;height:55px!important; overflow:hidden!important;} .post-item-form {width: 100%;margin-bottom:30px!important;} .post-list-content p,.post-list-content i,.post-list-content p strong,.post-list-content h1,.post-list-content h3,.post-list-content h4,.post-list-content h5,.post-list-content h6,.post-list-content span, .post-list-content strong ,.post-list-content em ,.post-list-content li,.post-list-content ul, .post-list-content p span , .post-list-content p storng{ font-size:14px!important;} .share-button__back i{ width: 19px!important; height: 19px!important; font-size:14px!important; } .share-button { height:28px; position: flex; width:100px; } .share-button__back { padding: 5px; height:28px; border-radius: 3px; } .share-button__text p { line-height: 28px; font-size: 12px!important;; } .banner {display:none!important;} /*productos-archivo-cta*/ #container-footer1{max-height:1100px!important;} .product span{font-size:14px!important;} .product {padding-top:10px!important;} #container-footer1 h3{font-size:14px!important;text-align:left!important;} #container-footer1 a{font-size:14px!important;text-align:left!important;} #container-footer1 li{text-align:left!important;} .tab-product img{max-height:80%!important;max-width:80%!important;} .eq-height .bg-white .bd-rd5 .prefooter{height:280px!important;} .copyright{ float:left!important; display:block; } .pop-post-listing .pop-item .pop-content a.pop-title {font-size:13px!important;} .pop-post-listing .pop-item .pop-content {font-size:13px!important;min-width:68%!important;margin-left:2%!important;} .blog-post-banner .poost-topic-main{overflow:hidden;height:30px!important;} }