/* Font awsome */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* Google Font CSS or other fontfaces  */
/* FONTS  */
@font-face {
	font-family: 'Avenir LT Std';
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Light.eot');
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Light.eot#iefix') format('embedded-opentype'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Light.woff') format('woff'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Light.woff2') format('woff2'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT Std';
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Roman.eot');
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Roman.eot#iefix') format('embedded-opentype'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Roman.woff') format('woff'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Roman.woff2') format('woff2'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Roman.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT Std';
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Medium.eot');
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Medium.eot#iefix') format('embedded-opentype'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Medium.woff') format('woff'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Medium.woff2') format('woff2'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT Std';
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Black.eot');
	src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Black.eot#iefix') format('embedded-opentype'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Black.woff') format('woff'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Black.woff2') format('woff2'),
		url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/Fonts/AvenirLTStd-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* FONTS  */
@font-face {
    font-family: 'Avenir Next';
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Regular.eot');
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Regular.woff') format('woff'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Medium.eot');
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Medium.woff') format('woff'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Medium.woff2') format('woff2'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Demi.eot');
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Demi.woff') format('woff'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Demi.woff2') format('woff2'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Bold.eot');
    src: url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Bold.woff') format('woff'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
        url('https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Landing%20Page%20Images/Fonts/AvenirNextCyr-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/* @font-face {
font-family: 'FA5L';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.eot);
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.eot?#iefix) format('embedded-opentype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.woff2) format('woff2'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.woff) format('woff'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.ttf) format('truetype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-light-300.svg#fontawesome) format('svg')
}

@font-face {
font-family: 'FA5S';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.eot);
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.eot?#iefix) format('embedded-opentype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.woff2) format('woff2'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.woff) format('woff'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.ttf) format('truetype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-solid-900.svg#fontawesome) format('svg')
}

@font-face {
font-family: 'FA5R';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.eot);
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.eot?#iefix) format('embedded-opentype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.woff2) format('woff2'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.woff) format('woff'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.ttf) format('truetype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-regular-400.svg#fontawesome) format('svg')
}

@font-face {
font-family: 'FA5B';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.eot);
src: url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.eot?#iefix) format('embedded-opentype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.woff2) format('woff2'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.woff) format('woff'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.ttf) format('truetype'),url(//www.rocaindustry.com/wp-content/themes/roca/dist/css/../../dist/fonts/fa5/fa-brands-400.svg#fontawesome) format('svg')
} */


    
    
  




/* theam color */
    

/* Typography */ 
  
 

/* Containers */


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; }
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: 'Avenir LT Std', Arial, Sans-Serif;font-weight:300}
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: #152c35 opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #152c35; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #152c35; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #152c35; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #152c35; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #152c35; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #152c35; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #152c35; opacity:1;} /* Internet Explorer 10+ */

/* Clear float */
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }

/******body  ******/
body { font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);   font-family: 'Avenir LT Std', Arial, Sans-Serif; font-weight:normal;color:#0a0a0a;}
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 #eaefef inset;
	-moz-box-shadow: 0 0 0 100px #eaefef inset;
	box-shadow: 0 0 0 100px #eaefef inset;
	color:#152c35 ;
}

/* 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;}

/* container */
.container {max-width:1190px;margin:0 auto !important;padding:0;float:none !important; }

/* strong */
b, strong {font-weight:900;}

/* header text */
h1 {font-size:46px;line-height: 1.1;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:900; }
h2 {font-size:26px;line-height: 1.1;margin:0 0 20px;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500;}
h3 {font-size:20px;line-height: 1.1;margin:0 0 15px;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500;}
h4 {font-size:18px;line-height: 1.2;margin:0 0 15px;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500;} /* Additional */
h5 {font-size:16px;line-height: 1.3;margin:0 0 15px;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500;}
h6 {font-size:13px;line-height: 1.1;margin:0 0 15px;font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500;}

/* p tag */
.perex p {font-size: 18px; line-height: 1.4;margin-bottom:15px; color:#0a0a0a }
p {font-size: 18px; line-height: 1.4;margin-bottom:15px; color:#0a0a0a }
/* links */
a {font-size: 18px; line-height: 1.4;color:#ab3225;}
a:hover {opacity:0.8;} 

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: 18px; margin-bottom: 6px; list-style:inherit;list-style-position:outside;line-height:1.4;}

/* em */
em { font-size: 18px; line-height:1.4;}

/** Hubspot module */
.widget-type-text span {margin-bottom:15px;display:block;}


/* hubspot form */
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:#ab3225;}
.hs-form-field { position: relative }
ul.hs-error-msgs.inputs-list { position: absolute; bottom: -12px; right: 0; list-style-type: none; padding: 2px 5px; color: white; background: #ab3225 }
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 500; position: relative; z-index: 9; line-height: normal; display: block;color:#fff; font-family: 'Avenir LT Std', Arial, Sans-Serif;font-weight:500} 
ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: #ab3225; 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; display: block; font-size: 14px; height: 44px; padding: 0 15px; width: 100%; color: #939faf; border: 0; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.1); font-weight: 800; background-color: #fff;}
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{color: #5bba7e; 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; font-family: FontAwesome; line-height: 14px; box-shadow: none;position: absolute;left: 0;}
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 {  content: '\f00c';  }
.hs-form-field {margin-bottom:12px;}
.hs_submit input {background-color: #ab3225; color: #fff; padding: 15px 0; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:15px;font-weight: 800;width:100%}
.hs_submit input:hover {    opacity: .8;}
.submitted-message {color: #000;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: #0a0a0a; display: block; font-size: 16px; line-height: 1.2; margin-bottom: 6px;font-weight:800 }
div.hs_submit {margin:0;}
.hs_error_rollup {display:none !important;}
.ecit-form ECIT FORM .input::placeholder {font-weight:400;}

/*** 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;}
.backg-repeat-img {background-position:center center;background-repeat:repeat;}
.backg-bottom {background-size:cover;background-position:bottom center;background-repeat:no-repeat;}
.backg-top {background-size:cover;background-position:top center;background-repeat:no-repeat;}

/* text align */
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}


/* 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;}

/* CTA */
.widget-type-cta a , a.btn , .btn-div a   { background-color: #ab3225; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 800;}
.btn-div a:hover , a.btn:hover , .widget-type-cta a:hover , .ias-trigger a:hover , .cm-hs-cta a:hover {color:#ab3225;background-color:#000}

/* social UL Li */
ul.social-iicon {text-align:center;padding:0;}
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; background-color: #ab3225; color: #fff; width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 50%; }
ul.social-iicon li a:hover {color:#ab3225;background-color:#000;}
ul.social-iicon li a i { line-height: 40px; display: block; }

/* extra */
hr { border: 0; border-top: 2px solid #000; width: 100%; margin: 25px auto 18px; }


.hs-submit input{font-size: 14px; background-color: #5bba7e; padding: 8px 25px; font-weight: 700; width: 100%; text-transform: capitalize; border-radius: 4px; color: #fff; display: inline-block; line-height: normal; margin-top: 15px;}
.hs-form-booleancheckbox span{font-size:12px; padding-left: 28px;}
blockquote { padding-left: 25px; border-left: 3px solid #ab3225; margin-left: 30px; padding-top: 10px; padding-bottom: 10px; font-style: italic; font-size: 18px; line-height: 1.4; }
/* Navigation */
/* .roca-nav-fixed > .row-fluid-wrapper > .row-fluid { margin-top: 110px; } */
.roca-nav-bar-srk { position: relative; z-index: 9; }
.roca-nav-con-sr .roca-logo-sr { display: none; }
.roca-nav-top-bg{text-align:center;display:none;}
.roca-nav-top-bg h6{text-align:center;text-transform:uppercase;font-size:12px;font-weight:900;margin-bottom:0;color:#fff}
.roca-nav-top-bg h6 a{color:#fff;font-size:12px;text-decoration: underline;}
.roca-logo-sr { width: 90px;position: relative; margin-top: -12px; }
.roca-nav-con-sr { width: calc(100% - 345px);padding-left: 45px; }
.roca-fixed-nav-so { display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-items: flex-start; }
.roca-nav-con-sr ul { list-style-type: none; padding: 0; margin: 0; }
.roca-nav-bar-srk { background: rgba(255,255,255,.8); border-bottom: solid 2px #ececec; padding-top: 29px;  }
/* .roca-navigation-module { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; } */
.roca-nav-con-sr .hs-menu-wrapper>ul{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center}
.roca-nav-con-sr .hs-menu-wrapper ul li a{color:#ab3225!important;text-transform:none!important;font-size:15px;font-weight:500;letter-spacing:1px;line-height:1}
.roca-nav-con-sr .hs-menu-wrapper>ul>li{margin-right:23px;line-height:1;margin-bottom: 0;padding-bottom: 28px;}
.roca-nav-con-sr .hs-menu-wrapper>ul>li:last-child{margin-right:0}
.roca-side-opt { display: none; }
.roca-side-opt{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;width:255px;margin-top: -5px;}
.roca-side-opt img{width:17px}
.roca-laun-add{flex-wrap:wrap;min-width:100%;background:#f2f2f2;position:absolute;z-index:999;left:0;margin-left:-88px;padding-top:15px;padding-bottom:15px;padding-left:22px;padding-right:22px;min-width:158.5px;visibility: hidden; opacity: 0;}
.roca-laun-fixed{width:100%;margin-bottom:6px}
.roca-laun-fixed a{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center}
.roca-laun-fixed h4{margin-bottom:0}
.roca-country-img{line-height:0;margin-right:7px;width:18px}
.roca-laun-fixed img { width: 18px; }
.roca-laun-sel{position:relative;z-index:1}
.roca-laun-sel:hover .roca-laun-add { visibility: visible; opacity: 1; }
.roca-serch-form2{ display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #eee; line-height: 1; padding: 20px; max-width: 1190px; right: 0; margin: 0 auto;}
.roca-cross-poi {display:none;}
.roca-srch-yr{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;cursor: pointer;}
.roca-srch-yr:hover .roca-stxt h4 { text-decoration: underline; }
.roca-stxt h4{margin-bottom:0}
.roca-simg{padding-right:10px;line-height:0}
.as-serch-box{padding-right:20px}
.roca-user-login{padding:0 14px}
.roca-add-cart-sr{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;    opacity: 0.5;}
.roca-cart-txt h4{margin-bottom:0}
.roca-cart-txt{padding-left:10px}
.roca-laun-img1{position:relative;z-index:1;padding-right:20px}
.roca-laun-img1:after{position:absolute;content:"▾";top:13px;right:0;line-height:0;font-size:18px;z-index:-1}
.roca-user-login { padding-left: 18px; padding-right: 19px; }
.roca-nav-top-bg { padding: 5px 0 6px; }
.roca-user-login img { width: 15px; }
.roca-add-cart-sr img { width: 19px; }
.roca-logo-sr a { display: block; }
.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper {
	position: absolute;
	background: #fff;
	width: 100%;
	min-width: 300px;
	visibility: hidden;
	opacity: 0;
	top: 100%;
	background: #ab3225;
	padding: 20px 16px 20px 20px;
}
.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li { margin-bottom: 20px; }
.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li a { color: #fff !important; text-decoration: underline !important; font-weight: 100; letter-spacing: 1px; }
.roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children { position: relative; z-index: 2; }
.roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-menu-depth-1.hs-item-has-children:hover ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; }
form.as-serch-box-foorm { position: relative; z-index: 1; }
form.as-serch-box-foorm input#search { background: #fff; color: #0a0a0a; padding: .5em 1em; border: 1px solid #ccc; border-radius: 0; box-shadow: none; height: 42px; font-weight: 400; font-size: 18px; }
form.as-serch-box-foorm input#scta { width: auto; display: inline-block; background: #ab3225; border: 0; color: #fff; font-size: 14px; padding: .5em 1.75em; letter-spacing: .1em; border-radius: 2px; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); }
.roca-srch-yr.search-open ~ .roca-serch-form2 { display: block; }
.roca-srch-yr.search-open img.roca-serch-poi { display: none; }
.roca-srch-yr.search-open img.roca-cross-poi { display: block; }
form.as-serch-box-foorm input#scta:hover { background: #d44738; }
.roca-nav-con-sr .hs-menu-wrapper>ul>li:hover > a { color: #000 !important; opacity: 1; }
.roca-laun-fixed a { color: #000 !important; }
.roca-laun-fixed a h4 { font-size: 18px; font-weight: 400; width: calc(100% - 25px); white-space: nowrap;line-height: 1;color:#000 }
.roca-laun-fixed a:hover { opacity: 1; }
a.desk-overlay-class { position: fixed !important;top:0;left:0; background: #000; width: 100%; height: 100%; z-index: 6; opacity: .8; display: none; }
a.desk-overlay-class.result_hover{display: block; }
.roca-fixed-side-nav .roca-side-opt{width:315px}
.roca-fixed-side-nav .roca-nav-con-sr{width:calc(100% - 405px)}
.roca-fixed-nav-fi .roca-side-opt{width:276px}
.roca-fixed-nav-fi .roca-nav-con-sr{width:calc(100% - 366px)}
.roca-fixed-nav-se .roca-side-opt{width:270px}
.roca-fixed-nav-se .roca-nav-con-sr{width:calc(100% - 360px)}
body.roca-nav-op-25.mobile-open .body-container-wrapper { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

/* Navigation Updated */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper {
	background: #fff;
	max-height: 80vh;
	overflow-y: scroll;
	min-width: 732px !important;
	width: auto !important;
	min-width: unset !important;
	width: unset !important;
}
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper{
	width: unset !important;
}
.ro-nav-updated .roca-navigation-module { margin-top: 97.33px; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper {
	background: #fff;
}
/* .ro-nav-updated  .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > .hs-menu-depth-3:nth-child(6) { grid-column: 1; grid-row: 2; }
.ro-nav-updated  .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > .hs-menu-depth-3:nth-child(5) { grid-column: 2; grid-row: 2; }
.ro-nav-updated  .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > .hs-menu-depth-3:nth-child(7) { grid-column: 3; grid-row: 2; } */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li a {
	color: #000 !important;
	text-decoration: none !important;
	font-size: 16px;
	letter-spacing: 0;
}
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(2) > ul > li >a, .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(5) > ul > li >a { display: none !important; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) > ul >li >ul { display: grid !important; grid-template-columns: auto auto auto auto !important; grid-gap: 20px; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > ul {
	background: #f8f6f6;
	padding: 21px 15px 15px;
}
.ro-nav-updated li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a {
	color: #ab3225 !important;
	text-transform: capitalize !important;
}

.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li {
	margin-bottom: 0px;
}
.ro-nav-updated .roca-nav-bar-srk { position: absolute; top: 0; right: 0; left: 0; z-index: 9999; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; -ms-transition: background .5s ease; transition: background .5s ease; background: rgba(255,255,255,.8); border-bottom: none; }
.ro-nav-updated .roca-nav-con-sr { width: calc(100% - 459px); padding-left: 45px; padding-right: 20px; }
.ro-nav-updated .roca-side-opt { padding-bottom: 16px; margin-top: 0; }
.ro-nav-updated .roca-logo-sr { padding-bottom: 30px; width: 110px;margin-top: 0px; }
.ro-nav-updated .roca-fixed-nav-so { align-items: flex-end; }
.ro-nav-updated .roca-nav-bar-srk { position: absolute; top: 0; right: 0; left: 0; z-index: 9999; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; -ms-transition: background .5s ease; transition: background .5s ease; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a { color: #000  !important; text-transform: unset !important; margin-top: 0; font-size: 16px !important; font-weight: 500 !important; display: inline-block; margin-bottom: 10px;letter-spacing: 1px; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a:hover { color: #bd2c16 !important; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul>li>ul li.hs-menu-item.hs-menu-depth-3.hs-item-has-children > a { font-size: 18px !important; font-weight: 400 !important; border-bottom: solid 2px #ab3225; padding-bottom: 8px; margin-bottom: 15px; display: inline-block; }
.ro-nav-updated .roca-side-opt {width: 337px;}
.ro-nav-updated form.as-serch-field1 button {
	position: absolute;
	top: 48%;
	right: 11px;
	transform: translateY(-50%);
	border: none;
	background-color: unset;
	padding: 0;
	width: 17px;
	z-index: 9;
	display: inline-block;
	cursor: pointer;
}
.ro-nav-updated .roca-laun-img1:after{font-size:14px;color: #ab3225;}

.ro-nav-updated form.as-serch-field1 {
	position: relative;
	z-index: 0;
}

.ro-nav-updated form.as-serch-field1 input#search {
	background-color: #f9f7f7 !important;
	padding: 2px 35px 2px 10px!important;
	width: 215px !important;
	display: inline-block !important;
	border: solid 1px #c5c4c3;
	/*     font-family: 'Avenir LT Std' !important; */
	color: #000 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	border-radius: 0;
	box-shadow: unset;
	height: 41px;
}
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li a:hover { border-bottom: solid 2px #ab3225; transition: unset; opacity: 1; }
.ro-nav-updated .roca-laun-img1 { padding-right: 17px; }
.ro-nav-updated .as-serch-box {
	padding-right: 12px;
}
.ro-nav-updated .roca-user-login { padding-left: 15px; padding-right: 17px;position: relative; z-index: 1; }
.roca-login-sub-menu1 { opacity: 0; visibility: hidden; position: absolute; top: 100%; background: #f2f2f2; z-index: 999; right: -24px; margin-left: -88px; padding-top: 15px; padding-bottom: 15px; padding-left: 22px; padding-right: 22px; }
.ro-nav-updated .roca-user-login > a:hover ~ .roca-login-sub-menu1 { opacity: 1; visibility: visible; }
.roca-login-sub-menu1 ul li { line-height: 1; margin-bottom: 4px; }
.roca-login-sub-menu1 ul li a { font-size: 14px; color: #000; }
.roca-login-sub-menu1 ul { list-style-type: none; padding: 0; margin: 0; }
.ro-nav-updated .roca-user-login:after { position: absolute; content: ""; position: absolute; content: "▾"; top: 13px; right: 0; line-height: 0; font-size: 18px; z-index: -1; font-size: 14px; color: #ab3225; }
.ro-nav-updated .roca-user-login:hover .roca-login-sub-menu1 { opacity: 1; visibility: visible; }
.ro-nav-updated  .roca-add-cart-sr { padding-left: 10px; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper ul li a{font-size:16px;}
.ro-nav-updated .roca-nav-bar-srk.scrolled { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; top: 0; position: fixed; background: #ab3225 !important; width: 100%;    padding-top: 15px; }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr .hs-menu-wrapper ul li a { color: #fff!important; }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-scroll-none1 {display:none;}
.ro-nav-updated .roca-nav-bar-srk.scrolled  form.as-serch-field1 input#search { width: 300px !important;height: 44px; }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt { width: 312px; }
.ro-nav-updated  .roca-nav-bar-srk.scrolled .roca-nav-con-sr { width: calc(100% - 412px); }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-logo-sr { padding-bottom: 17px; width: 100px; }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr .hs-menu-wrapper>ul>li {padding-bottom: 18px; }
.roca-nav-bar-srk.scrolled img.roca-scroll-white1 { display: block !important; }
.roca-nav-bar-srk.scrolled  .roca-scroll-red1{ display: none !important; }
.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li a { color: #000000 !important; }
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper li.hs-menu-depth-2 > a:hover { border: 0; }

/* width */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper::-webkit-scrollbar {
	width: 3px;
}

/* Track */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children { position: unset; z-index: 2; }

/* Handle */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children { position: unset;}
/* End Navigation Updated */
/* Footer */
.roca-footer-url{width:25.4%;padding-top: 34px;}
.roca-footer-cont1{width:74.6%;padding:30px 30px 40px;background-color: #ddd;}
.roca-footer-module{position:relative;overflow:hidden;z-index: 1;border-top: 2px solid #d8d8d8;}
.roca-footer-module .container{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:flex-start}
.roca-flogo-img{width:110px;margin-bottom:22px}
.roca-footer-module:after{position:absolute;content:"";top:0;right:0;background-color:#ddd;width:50%;height:100%;z-index:-1}
.roca-footer-url ul li { margin-bottom: 12px; }
.roca-footer-url ul li a { color: #ab3225; text-transform: none; font-size: 15px; border-bottom: solid 1px; letter-spacing: 1px; }
.roca-footer-url ul { padding-left: 0; margin: 0; list-style-type: none; }
.roca-footer-cont1 p { letter-spacing: 1px; color: #000; }
.roc-footer-copy a:hover { text-decoration: underline; transition: 0.5s ease all; opacity: 1; }
.roca-footer-cont1 p { margin-bottom: 0; }
.roca-address-info { margin-bottom: 22px; }
.roca-flogo-img a { display: block; } 


/* Blog Listing Page */
.blog-mul-step.post-listing{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;margin:0 -15px;padding:0 0 30px}
.blog-mul-step.post-listing .post-item{width:calc(33.33% - 30px);margin:0 15px}
.blog-mul-step.post-listing .post-item a{display:block;width:100%;}
.roca-bheader-section{min-height:230px!important;padding:50px 0;display:flex!important;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;align-items:center;text-align:center}
.roca-bheader-section>div{width:100%}
.roca-blog-section{padding:0 0 90px;background-color:#ffffff;position:relative;z-index:1}
.blog-mul-step.post-listing .post-item{width:calc(33.33% - 30px);margin:0 15px 30px;display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap}
.blog-main-count{height:100%}
.hs-featured-image-wrapper{height:247px;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%}
.post-header{padding:22px 30px 45px 35px}
.post-header .hubspot-editable{margin-bottom:14px}
.post-header .hubspot-editable p{color:#333;margin-bottom:0;font-size:14px;transition: 0.5s ease all;}
.page-tittle{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:flex-start}
.heder-tag{width:calc(100% - 25px);padding-right:30px}
.arrow-tag{width:25px;margin-top: 6px;}
.heder-tag h2 { margin-bottom: 0; color: #0a0a0a; line-height: 1.3;    transition: 0.5s ease all; }
.arrow-tag svg { height: 19.17px; }
/* .roca-blog-section:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100px; background-color: #fff; z-index: -1; } */

.blog-mul-step.post-listing .post-item a {  background: #fff; }
.blog-mul-step.post-listing .post-item a:hover { opacity: 1; background: #ab3225; }
.blog-mul-step.post-listing .post-item a:hover .post-header .hubspot-editable p { color: #fff; opacity: 0.9; }
.blog-mul-step.post-listing .post-item a:hover .heder-tag h2 { color: #fff; }
.arrow-tag svg * { fill: #333333;transition: 0.5s ease all; }
.blog-mul-step.post-listing .post-item a:hover .arrow-tag svg * { fill: #fff; }
.arrow-tag { line-height: 1; }
.blog-pagination img,.blog-pagination svg{max-width:25px;width:25px;margin-left:10px;height:19.17px;}
.blog-pagination img,.blog-pagination svg *{fill:#ab3225}
.blog-pagination a{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;width:50%;padding-right:10px;font-weight: 600;color: #ab3225;font-size: 18px;}
.blog-pagination a.next-posts-link{margin-left:auto;align-items:center;justify-content:flex-end;padding-left:10px;padding-right:0}
.blog-pagination{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center}
.blog-pagination a.previous-posts-link{display:flex;flex-wrap:wrap;align-items:center}
.blog-pagination a.previous-posts-link img,.blog-pagination a.previous-posts-link svg{transform:rotate(180deg);padding-left:10px;padding-right:0;margin-right:0;margin-left:0}
.blog-pagination .roc-gray-srt{color:#000;opacity:.3;cursor:auto}
.blog-pagination .roc-gray-srt svg *{opacity:.7;fill:#000}

.roca-hs-author-avatar1{width:178px;height:178px;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;border:5px solid #ab3225;margin-right:28px}
.roca-add-blog-au{width:100%;margin:0 15px 21px}
.hs-author-profile{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;max-width: 770px; margin: 0 auto 40px;}
.roca-author-name12 h2{margin-bottom:0;color: #ab3225;}
.roca-auname-sr{margin-bottom:20px}
body.roca-blog-author .roca-blog-section:after { position: unset;content: none;}
body.roca-blog-author .roca-blog-section { padding: 80px 0 90px;}
.roca-bio-ste { width: calc(100% - 206px); }
.roca-auname-sr{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center}
.roca-author-name12{width:calc(100% - 154px)}
.roca-hs-author-social-links12{width:154px;justify-content:space-between;display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center}
.roca-hs-author-social-links12 a{display:block;line-height:1;margin:0 12px;font-size:26px;color:#0a0a0a}
.post-feture-image-mr { background-color: #fff; }
.roca-add-blog-au h2.hs-author-listing-header { margin-bottom: 0; }

/* Blog Posting */
.roca-bpost-section{padding:60px 0 60px}
.roca-bfeature-sr{width:100%;height:445px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin-bottom:40px}
.roca-blog-auinfo{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:2px solid #ab3225;margin-bottom:40px}
.roca-hubspot-editable1{padding-right:20px}
.roca-bcont-txt1{padding:40px 0}
.tgb-topic-er { display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-items: flex-start; margin: 0px -10px; }
.roca-topic-head-txt { margin-bottom: 18px; }
.roca-topic-head-txt h2 { margin-bottom: 0; }
.tgb-topic-er a { padding: 5px 15px; border-radius: 5px; color: #fff; background-color: #ab3225; display: block; font-size: 15px; font-weight: 400; margin: 0px 10px 10px; }
.hs-author-avatar { width: 80px; height: 80px; border-radius: 50px; background-position: center center; background-size: cover; margin-right: 30px; }
.roca-hubspot-editable1 { padding-right: 20px; display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-items: center; }
.pp-related-post{display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;flex-wrap:wrap}
.rel-title{padding:25px 15px;width:100%}
.rel-title h2{color:#fff;margin-bottom:0}
.roca-time-sre{margin-top:10px;color:#fff}
.backg-img { background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 400px; border-radius: 10px; display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-items: flex-end; position: relative; z-index: 1; overflow: hidden; }
.rel_featured_imagees.backg-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); z-index: -1; }
.pp-related-post .related-post a{display:block}
.pp-related-post .related-post a:hover{opacity:1}
.pp-related-post .related-post { width: calc(50% - 20px); margin: 0px 10px; }
.pp-related-post { display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; margin: 0px -10px; }
.pp-reated-post { padding: 40px 0 0; }
.roca-bpost-section .container { max-width: 750px; }

/* ROCA - Footer Updated 2024 - EN */
.roca-footer-module.roca-footer-updated-2024{padding:30px 0}
.roca-footer-module.roca-footer-updated-2024 .container{max-width:1205px}
.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1{padding:0;width:471px}
.roca-footer-module.roca-footer-updated-2024 .roca-footer-image{width:127px;padding-top:70px}
.roca-footer-module.roca-footer-updated-2024 .roca-footer-url{width: calc(100% - 598px); padding-top: 70px; padding-left: 20px; padding-right: 20px;}
.roca-footer-module.roca-footer-updated-2024 .roca-footer-url .roca-footer-simple-menu{margin:0 auto}

.roca-footer-icon{line-height:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 -25px;max-width: 517px;}
.roca-footer-icon .roca-footer-icon-list{line-height:0;margin:0 25px}
.roca-footer-icon .roca-footer-icon-list svg{width:45px}
.roca-footer-icon .roca-footer-icon-list a{display:inline-block;line-height:0}
*+.roca-footer-icon{margin-top:30px}
.roca-footer-icon .roca-footer-icon-list a { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.roca-footer-icon .roca-footer-icon-list svg {width: 22px; height: 23px;}
.roca-footer-icon .roca-footer-icon-list a svg * { fill: #334048; }
/* .roca-footer-module.roca-footer-updated-2024 .roca-footer-url ul li a { font-size: 19px; } */
/* .ro-footer-white-info .roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 p { font-size: 21px;line-height: 1.5; } */
.roca-footer-module.roca-footer-updated-2024 .roca-flogo-img { margin-bottom: 30px; }
.ro-footer-white-info .roca-footer-module.roca-footer-updated-2024 .roca-footer-url ul li a { font-size: 18px; font-weight: 300; }
.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 p { font-weight: 300;line-height: 1.6; }
.roca-footer-module.roca-footer-updated-2024 .roca-flogo-img { width: 130px; }
.roca-footer-module.roca-footer-updated-2024 .roca-footer-url ul li { margin-bottom: 11px; }
.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 .roca-copy-right-txt *+.roc-footer-copy { margin-top: 27px; }
/* -------------------------------------------commen for all sites but if requiired then custom from above content ---------------------------------------------------- */
/*--------------- Responsive media query style start here ----------------*/
@media (max-width: 1250px){
	.container {padding:0px 20px;}

}
@media (max-width: 1220px){
	.ro-nav-updated .roca-nav-con-sr {  padding-left: 25px; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 20px; }
	.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper ul li a {font-size:14px}
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 {  width: 470px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-image { width: 100px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url { width: calc(100% - 570px); }
/* 	.roca-footer-icon .roca-footer-icon-list { line-height: 0; margin: 0 15px; } */
/* 	.roca-footer-icon { margin: 0 -15px;margin-top: 40px; } */

}

@media (max-width: 1080px){
	.post-header { padding: 22px 20px 30px 20px; }
	.roca-fixed-side-nav .roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 35px; }
	.roca-fixed-side-nav .roca-nav-con-sr .hs-menu-wrapper>ul>li:last-child { margin-right: 0; }
	.roca-fixed-side-nav .roca-nav-con-sr { padding-left: 35px; }
	.roca-fixed-nav-fi .roca-nav-con-sr{padding-left:35px}
	.roca-fixed-nav-fi .roca-nav-con-sr .hs-menu-wrapper>ul>li{margin-right:31px}
	.roca-fixed-nav-fi .roca-nav-con-sr .hs-menu-wrapper>ul>li:last-child{margin-right:0}
	.roca-fixed-nav-se .roca-nav-con-sr{padding-left:35px}
	.roca-fixed-nav-se .roca-nav-con-sr .hs-menu-wrapper>ul>li{margin-right:31px}
	.roca-fixed-nav-se .roca-nav-con-sr .hs-menu-wrapper>ul>li:last-child{margin-right:0}
	.roca-nav-bar-srk .container { padding: 0px 10px; }
	body.roca-updated-nav-fi .roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 12px; }
	body.roca-fixed-nav-se.roca-updated-nav-se .roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 17px; }

}
@media (max-width: 1068px){
	.roca-nav-top-bg h6 { font-size: 9px !important; }
	.roca-nav-top-bg { padding: 5px 0; }
	.roca-nav-top-bg h6 a  { font-size: 9px !important; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 12px; }
	.ro-nav-updated .roca-nav-con-sr { padding-left: 12px; }
}
@media (max-width: 1024px){
	h1 { font-size: 42px;}

	body.roca-updated-nav-dk.roca-fixed-side-nav .roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 23px; }
	body.roca-updated-nav-de.roca-fixed-side-nav .roca-nav-con-sr .hs-menu-wrapper>ul>li { margin-right: 24px; }

}
@media (max-width: 1020px){
	.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper {  min-width: 699px !important; }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
    body.roca-nav-op-25 .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul>li>ul { display: grid !important ; flex-direction: unset !important; }
    body.roca-nav-op-25 .ro-nav-updated .roca-nav-bar-srk.scrolled .roca-logo-sr { padding-bottom: 17px; }
    body.roca-nav-op-25 .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper { background: #fff; max-height: 80vh; overflow-y: scroll; min-width: 732px !important; width: auto !important; min-width: unset !important; width: unset !important; position: absolute; padding: 20px 16px 20px 20px; top: 100%; }
    body.roca-nav-op-25 .roca-nav-con-sr .roca-logo-sr { display: none; }
     body.roca-nav-op-25 .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper { min-width: 732px !important; max-height: 80vh; overflow-y: scroll !important; }
    body.roca-nav-op-25 .roca-nav-con-sr .hs-menu-wrapper>ul>li { padding-bottom: 28px; width: auto; margin-right: 20px !important; }
    body.roca-nav-op-25  .ro-nav-updated .roca-nav-bar-srk { padding-bottom: 0; padding-top: 29px; }
     body.roca-nav-op-25 .ro-nav-updated .roca-fixed-nav-so { align-items: unset; }
   body.roca-nav-op-25 .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3) > ul >li >ul {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
    grid-gap: 20px;
}
}

@media (min-width: 992px){
   
	.roca-nav-bar-srk .custom-menu-primary .hs-menu-wrapper {display: block !important;}
	.roca-nav-bar-srk .hs-menu-wrapper>ul>li:hover .hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; display: block !important; }
}
@media (max-width: 991px){
	.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; right: 10px; width: 19px; height: 19px; z-index: 1; bottom: 19px; }
	.mobile-trigger .line { display: block; background: #ab3225; width: 19px; height: 3px; position: absolute; left: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; }
	.mobile-trigger .line.line-3 { top: 71%; }
	.mobile-trigger .line.line-2 { top: 36%; }
	.mobile-trigger .line.line-1 { top: 0; } 
	/*   .mobile-trigger.active-re .line-2 { opacity: 0; }
	.mobile-trigger.active-re .line-3 { transform: translateY(-7px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg); -moz-transform: translateY(-7px) translateX(0) rotate(-45deg); background-color: #f07f13; }
	.mobile-trigger.active-re .line-1 { transform: translateY(11px) translateX(0) rotate(45deg); -webkit-transform: translateY(11px) translateX(0) rotate(45deg); -moz-transform: translateY(11px) translateX(0) rotate(45deg); background-color: #f07f13; } */
	/*   .custom-menu-primary .hs-menu-wrapper { display: none; } */
	.custom-menu-primary .hs-menu-wrapper { padding: 11px 0; margin: 0; background-image: none; background-color: #fff; box-shadow: none; max-width: none; width: 80%; height: 100%; position: fixed; top: 0; left: -80%; overflow-x: hidden; transition: 0.5s; background: #fff; z-index: 999;}
	.mobile-open .custom-menu-primary .hs-menu-wrapper { left: 0; }
	.sp-nav-right .hs-menu-wrapper>ul { display: block; text-align: left; } 
	.roca-nav-con-sr .roca-logo-sr img { max-width: 90px; }
	.roca-nav-con-sr .roca-logo-sr { display: block; margin: 0 auto; border-bottom: 1px solid #f1f1f1; width: 100%; text-align: center; padding: 10px 20px; position: relative; z-index: 1; }
	.child-trigger i { position: relative; top: 50%; margin: 0 auto !important; }
	.child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } 
	.child-trigger i:after { position: absolute; content: ''; }
	.child-trigger i, .child-trigger i:after { width: 10px; height: 1px;background-color: #ab3225; display: block; }
	.child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
	.child-trigger { width: 30px !important; min-width: 30px !important; height: 21px !important; display: block !important; cursor: pointer; position: absolute; top: 16px; right: 7px; padding: 0 !important; }
	.sp-nav-right .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { position: initial; display: none; width: 100% !important; visibility: visible; opacity: 1; box-shadow: none; border-top: 0; min-width: 100%; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li {  width: 100%; position: relative; margin-right: 0  !important; }
	.roca-nav-bar-srk {  padding-top: 10px; padding-bottom: 17px; }
	.roca-stxt {display: none;}
	.roca-simg {padding-right: 0;}
	.roca-cart-txt {display: none;}
	.mobile-open { position: fixed; overflow: hidden;width:100%; }
	.mobile-trigger ~ .hs-menu-wrapper > ul > li { padding-bottom: 18px; padding-top: 18px; border-bottom: 1px solid #f1f1f1; display: inline-block;padding-left: 15px; padding-right: 45px; }
	.mobile-trigger ~ .hs-menu-wrapper>ul>li.hs-item-has-children > a { font-weight: 700; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper {margin-top: 16px; }
	.roca-nav-con-sr { width: calc(100% - 238px); padding-left: 0; }
	.as-serch-box { padding-right: 11px; }
	.roca-user-login { padding-left: 15px; padding-right: 12px; }
	.roca-laun-img1 {  padding-right: 15px; }
	.roca-side-opt { width: 122px;    margin-top: 0; }
	.roca-logo-sr { margin-top: 0; }
	.roca-fixed-nav-so { align-items: center; }
	a.desk-overlay-class.result_hover{display: none; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li:last-child { margin-bottom: 0; }
	.mobile-open a.overlay-class { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper li a { color: #ab3225 !important;  font-weight: 500; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { min-width: 100%; background: #fff; padding: 0; position: unset; visibility: visible; opacity: 1; }
	.roca-nav-con-sr .roca-logo-sr:after { position: absolute; content: ""; top: 5px; right: -40px; width: 20px; height: 20px; background-image: url(https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/nav-cross.png); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }
	.roca-fixed-side-nav .roca-side-opt , .roca-fixed-nav-fi .roca-side-opt ,.roca-fixed-nav-se .roca-side-opt { width: 121px; }
	.roca-fixed-side-nav .roca-nav-con-sr , .roca-fixed-nav-fi .roca-nav-con-sr , .roca-fixed-nav-se .roca-nav-con-sr { width: calc(100% - 238px); }

	.pp-related-post .related-post { width: 330px; margin: 0px 10px 40px; }
	.pp-related-post .related-post:last-child { margin-bottom: 0; }
	.pp-related-post { flex-direction: column; align-items: center; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li:hover > a { color: #ab3225 !important; opacity: 1; }
	.blog-main-count .heder-tag {  padding-right: 15px; }

	.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul>li>ul { display: flex !important; flex-direction: column !important; }
	.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper { min-width: 100% !important; max-height: 100%; overflow-y: unset; }
	.ro-nav-updated .roca-nav-bar-srk { padding: 18px 0 20px; }
	.ro-nav-updated .roca-side-opt { padding-bottom: 0; }
	.ro-nav-updated .roca-logo-sr { padding-bottom: 0;padding-bottom: 10px; }
	.ro-nav-updated .as-serch-box { padding-right: 28px; }
	.ro-nav-updated .roca-laun-img1 { padding-right: 9px; }
	.ro-nav-updated .roca-add-cart-sr { padding-left: 9px; }
	.ro-nav-updated .roca-user-login { padding-left: 15px; padding-right: 8px; }
	.ro-nav-updated .roca-nav-con-sr { width:calc(100% - 490px) }
	.ro-nav-updated .roca-side-opt { width: 335px; margin-right: 36px; }
	.ro-nav-updated .mobile-trigger { top: 50%; transform: translateY(-50%); bottom: auto; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .mobile-trigger .line { background: #ffffff; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt .as-serch-box { padding-right: 0; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt { width: 300px; margin-right: 40px; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr { width: calc(100% - 440px); }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-logo-sr { padding-bottom: 0; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled {  padding: 15px 0; }
	.ro-nav-updated .roca-fixed-nav-so { align-items: center; }
	.roca-nav-con-sr .hs-menu-wrapper>ul>li > ul.hs-menu-children-wrapper { display: none; }
	.ro-nav-updated .roca-navigation-module { margin-top: 86.33px; }
	.ro-nav-updated .roca-nav-bar-srk:after { position: absolute; content: ""; top: 17px; left: calc(-9% + 20px); width: 20px; height: 20px; background-image: url(https://5313209.fs1.hubspotusercontent-na1.net/hubfs/5313209/ROCA%20Blog%202020/nav-cross.png); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; transition: 0.5s ease all; opacity: 0; visibility: hidden; }
	.mobile-open .ro-nav-updated .roca-nav-bar-srk:after { left: calc(80% + 20px); opacity: 1; visibility: visible; }
	.ro-nav-updated .child-trigger:after { position: absolute; content: '\f054'; font-family: fontawesome; top: 4px; left: 0; right: 0; margin: 0 auto; color: #ab3225; width: 13px; font-size: 20px; z-index: -1; }
	.ro-nav-updated  .child-trigger i, .ro-nav-updated  .child-trigger i:after { width: 0px; height: 0;  }
	.ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children { position: relative; z-index: 2; }

	.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 { width: 100%; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url { width: 100%; padding-left: 0; padding-right: 0; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url .roca-footer-simple-menu {  margin: 0 0 auto; }
	.roca-footer-icon { justify-content: flex-start; }
	
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url { padding-top: 35px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-image { padding-top: 40px; }
 	.roca-footer-icon .roca-footer-icon-list { line-height: 0; margin: 0 15px; } 
	.roca-footer-icon { margin: 0 -15px;margin-top: 40px; } 
    body.roca-nav-op-25 .ro-nav-updated .roca-nav-con-sr .hs-menu-wrapper>ul>li.hs-item-has-children:nth-child(3)>ul.hs-menu-children-wrapper { min-width: 100% !important; }
}
@media (max-width: 920px){
	.blog-mul-step.post-listing .post-item { width: calc(50% - 30px);}
}
@media (max-width: 840px){

}
@media (max-width: 767px){
	h1 { font-size: 38px;}

	.hs-featured-image-wrapper { height: 206px; }
	.roca-bfeature-sr {height: 350px; }
	.roca-blog-section { padding: 0px 0 50px;}
	blockquote { padding-left: 14px; margin-left: 10px;   }
	.roca-hs-author-avatar1{width:138px;height:138px;margin-right:20px}
	.roca-bio-ste{width:calc(100% - 166px)}
	.roca-author-name12 h2{font-size:22px}
	.roca-author-name12{width:100%;}
	.roca-hs-author-social-links12 a{font-size:21px;margin:0 8px}
	.roca-hs-author-social-links12{width:120px;margin:0 -8px}
	.roca-add-blog-au .hs-author-profile { flex-direction: column; }
	.roca-hs-author-avatar1 { margin-right: 0; }
	.roca-bio-ste { width: 100%; margin-top: 15px; text-align: center; }
	.roca-hs-author-social-links12 {  margin: 0 auto;margin-top: 15px }
	.roca-bio-ste .hs-author-bio p { margin-bottom: 0; }
	body.roca-blog-author .roca-blog-section { padding: 50px 0 50px; }

/* 	.ro-footer-white-info .roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 p { font-size: 18px; } */
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url ul li a { font-size: 16px; }
	.roca-footer-icon .roca-footer-icon-list a { width: 38px; height: 38px; }
	.roca-footer-icon .roca-footer-icon-list svg { width: 20px; height: 20px; }
	.roca-footer-icon .roca-footer-icon-list {  margin: 0 11px; }
	.roca-footer-icon { margin: 0 -11px; }
	.roca-footer-icon {  margin-top: 26px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-image { padding-top: 30px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url {padding-top: 30px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-flogo-img { width: 115px; }
}
@media (min-width: 641px){
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url .roca-footer-simple-menu ul{-moz-column-count:2;-moz-column-gap:10px;-webkit-column-count:2;-webkit-column-gap:10px;column-count:2;column-gap:10px}
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-url .roca-footer-simple-menu{max-width:441px;}
}
@media (max-width: 640px){
	h1 { font-size: 34px;}
	h2 { font-size: 24px; }
	.blog-mul-step.post-listing .post-item { width: 100%; margin: 0 0 30px;}
	.blog-mul-step.post-listing { margin:0;}
	.blog-mul-step.post-listing .post-item a { width: 100%; margin: 0 auto; max-width: 439px; }
	.roca-footer-module:after { position: unset; content: none; }
	.roca-footer-cont1 { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;padding: 30px 20px 40px; }
	.roca-footer-url { width: 100%; padding-top: 25px; padding-bottom: 20px; }
	.roca-footer-url ul li { padding-right: 20px; width: 33.33%; }
	.roca-footer-url ul { display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-items: flex-start; }
	.roca-bheader-section { min-height: 220px !important; }
	.roca-hubspot-editable1 { width: 100%; padding-right: 0; margin-bottom: 20px; }
	.roca-blog-auinfo {  padding-bottom: 25px; margin-bottom: 25px; }
	.roca-bpost-section { padding: 50px 0 50px; }
	.roca-bfeature-sr { height: 300px; }
	.roca-add-blog-au {  margin: 0 0 21px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 { margin-left: 0; margin-right: 0; }
}
@media (max-width: 590px){
	.ro-nav-updated .as-serch-box { display: none; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt .as-serch-box { display: block; }
	.ro-nav-updated .roca-side-opt { width: 92px; margin-right: 36px; margin-bottom: 8px; }
	.ro-nav-updated .roca-nav-con-sr { width: calc(100% - 238px); }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt { margin-bottom: 0; }
}
@media (max-width: 550px){
	.ro-nav-updated .roca-nav-bar-srk.scrolled form.as-serch-field1 input#search { width: 220px !important;  }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt { width: 220px; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr { width: calc(100% - 360px); }
}
@media (max-width: 480px){
	h1 { font-size: 30px;}
	.roca-footer-url ul li {  width: 50%; }
	.heder-tag h2 { font-size: 22px; }
	.pp-related-post .related-post { width: 100%; margin: 0px 0px 40px; }
	.pp-related-post {margin:0; }
	.blog-pagination a { font-size: 13px;padding-right: 5px; }
	.blog-pagination img, .blog-pagination svg { max-width: 15px; width: 15px;}
	.blog-pagination a.next-posts-link { padding-left: 5px; }
	.ro-footer-white-info .roca-footer-module.roca-footer-updated-2024 .roca-footer-url ul li a { font-size: 16px; }
	.roca-footer-module.roca-footer-updated-2024 .roca-footer-cont1 p { font-size: 16px; }
}
@media (max-width: 400px){
	.ro-nav-updated .roca-nav-bar-srk.scrolled form.as-serch-field1 input#search { width: 140px !important; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-side-opt { width: 140px; }
	.ro-nav-updated .roca-nav-bar-srk.scrolled .roca-nav-con-sr { width: calc(100% - 280px); }
}
@media (max-width: 375px){

}
/*--------------- Responsive media query style start here ----------------*/