/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(icons.css);

:root {
    --orange: #d75517;
    --dark-orange: #af5d2d;
    --blue: #132747;
    --dark-blue: #192744;
    --white: #fff;
    --gray: #e1e1e1;
    --black: #000;
}

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:15px/1.45 'Roboto', Arial, Helvetica, sans-serif; color:#132747; font-weight: 300; letter-spacing: 0.5px; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); }
.allanim, #mainmenu li a:after  { -webkit-transition: all 350ms cubic-bezier(0,.34,.74,.99); transition:all 350ms cubic-bezier(0,.34,.74,.99); }
a { color:#f34834; text-decoration:none;}
a:hover { text-decoration:none; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:300;  }
h1,h2 { font-size:36px;  }
h3 { font-size:30px; }
h4 { font-size:26px; }
h5 { font-size:24px; }
h6 { font-size:16px; }

ul { padding: 0; margin: 0; list-style: none; }
ul li { line-height: normal; }

.cf:after,.wrap:after { content:""; display:table; clear: both; display: none; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { margin-left:-20px; margin-right:-20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cols .col { padding-left:20px; padding-right:20px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; font-weight: 300; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#f34834; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding: 4px 12px 0; display:block; color:#f34834; font-size: 14px; }
input.has-error { border:solid 1px #f34834 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #f34834; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
#wrapper {  }
.wrap { max-width:1234px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }
.wrap-wide { max-width:1318px; }

#main { padding: 0 0; }
#primary { float:left; width:700px; }
#sidebar { float:right; width:200px; }
.one-column { width:auto !important; float:none !important; }


/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background:transparent; padding:0 0; position: sticky; top: 0; z-index: 111; }
.top-header { background: #cacaca;  }
.top-contact-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.top-contact-info ul { display: flex; align-items: center;  }
.top-contact-info ul li { display: flex; align-items: center; font-size: 14px; color: #c45000; }
.top-contact-info .contact-info ul li:not(:last-child) { margin-right: 20px; }
.top-contact-info ul li a { display: flex; align-items: center; color: #c45000; }
.top-contact-info .contact-info ul li  i { font-size: 16px; margin-right: 10px; }
.top-contact-info ul li a:hover { color: #000; }
.top-contact-info .social-info ul li a { padding: 15px 20px; font-size: 16px; border-left: 1px solid #b5bbbc; color: #808080; transition: all .5s ease; }
.top-contact-info .social-info ul li a:hover { background-color: #c45000; color: #fff; }
.top-contact-info .social-info ul li:last-child a { border-right: 1px solid #b5bbbc; }
.header-row .header-middle { display: flex; align-items: center; padding: 23px 0; justify-content: space-between; }
.header-row { background: #132747; width: 100%; position: relative; box-shadow: 0 3px 12px rgb(0 0 0 / 50%); }
.header-row:after { content: ''; position: absolute; left: 0; width: 100%; bottom: 0;background: rgb(241,122,0);
    background: linear-gradient(90deg, rgba(241,122,0,1) 0%, rgba(231,71,0,1) 100%); height: 5px; }


.search-box { max-width: 250px; width: 100%; margin: 0 15px; }
.search-box .form-group { padding: 0; position: relative; }
.search-box .form-group .textbox { width: 100%; height: 36px; padding: 5px 10px 5px 40px; border-radius: 5px; font-size: 15px; }
.search-icon { position: absolute; left: 10px; top: 6px; font-size: 18px; color: #192744; }
.search-icon:hover { color: #c45000; }
.search-box .form-group .textbox:focus + .search-icon { color: #c45000; }

#logo { width: 195px; position: relative; transition: all 250ms cubic-bezier(0,.34,.74,.99); }
#logo img { max-width:100%; height:auto; width:auto; }
#mainmenu { font-size:16px; }
#mainmenu ul { margin:0; padding:0; list-style:none; display: flex; flex-wrap: wrap; }
#mainmenu li { line-height:30px; }
#mainmenu > ul > li { margin:0 0 0 22px; font-weight:bold; text-transform:uppercase; }
#mainmenu > ul > li:first-child { margin-left: 0; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#fff; position:relative; font-weight: 300; }
#mainmenu li a:hover { color: #d75517; }
#mainmenu li a:after { content:''; position:absolute; width:0; height:2px; background:#d75517; top:100%; left:0; right:0; margin:0 auto; }
#mainmenu li a:hover:after, #mainmenu li.active a a:after { width:100%; }

/* Header Sticky Style */

#footer { width: 100%; font-size: 14px; }
.footer-middle { background: #132747; }
.footer-row { display: grid; grid-template-columns: repeat(5, auto); grid-gap: 30px; }
.footer-link-box {  }
.fmenu { margin:0; padding:0; list-style:none;  }
.fmenu li { margin-bottom: 3px; }
.fmenu li:last-child { margin-bottom: 0; }
.fmenu li a { color:#ffffff; font-size: 14px; }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#d75517 ; }
.footer-link-box h5 { font-size: 28px; font-weight: 500; text-transform: uppercase; color: #fff; margin-bottom: 20px; }
.footer-link-box.address p { color: #fff; }
.footer-link-box.address ul li a { color: #fff; }
.footer-link-box.address  li { margin-bottom: 3px; }
.footer-link-box.address  li:last-child { margin-bottom: 0; }
.footer-link-box.address ul li a:hover { color:#d75517;  }
.social-media { display: flex; align-items: center; font-size: 26px; }
.social-media li a { display: flex; align-items: center; color: #fff; }
.social-media li { margin-right: 20px; }
.social-media li:last-child { margin-right: 0; }
.social-media li a:hover { color: #d75517; }
.contact-link { margin-top: 30px; }
.last-footer { width: 100%; padding: 7px 30px; text-align: center; }
.copyright { font-weight: 400; font-size: 14px; margin: 0; }
.copyright a { text-decoration: underline; color: #132747; }
.copyright a:hover { color: #d75517; }

/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.svg);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#e0e0e0; padding:6px 20px; height:57px; line-height:1.55; border:solid 1px transparent; color:#1c2742; width:100%; font-family:'Roboto', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; font-size: 24px; font-weight: 300; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:173px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Roboto', Arial, Helvetica, sans-serif; resize: none; }
select { padding:12px 42px 12px 12px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#e0e0e0; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; pointer-events: none; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button {  border:0;  cursor:pointer; width:auto; overflow:visible;vertical-align:middle; text-decoration:none; 
    background-image: linear-gradient(to right, #c77d22, #c47420, #c16b1e, #be611d, #ba581c); moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;  background-size: 300% 100%; font-size:30px; color:#fff; display:inline-block; line-height:1.2; padding:3px 24px; vertical-align:bottom; font-weight:400; border-radius: 10px;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #117b3c; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #117b3c; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#808080; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#505061; text-decoration:none; }
.breadcrumbs li a:hover { color:#e34f26; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-image: linear-gradient(to right, #c77d22, #c47420, #c16b1e, #be611d, #ba581c); moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;  background-size: 300% 100%; font-size:30px; color:#fff; display:inline-block; line-height:1.2; padding:3px 24px; vertical-align:bottom; font-weight:400; border-radius: 10px;  }
.button:hover {  background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
.button span { font-weight: 500; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:6px 8px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:4px 9px; font-size:24px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:3px 8px; font-size:15px; border-radius: 5px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#192744; color:#fff; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#d45518; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 1px #c77d22; color:#192744; border-radius: 5px; font-size: 20px;   }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#c77d22; color:#fff; }

.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:3px 12px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding: 2px 10px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }

/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee; display: flex; flex-wrap: wrap; }
.tabnav li { position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#f34834 }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }

/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }

/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }
.box {
    width: 300px;
    height: 300px;
    margin: 28px auto;
    background: black url(https://ununsplash.imgix.net/photo-1415302199888-384f752645d0?q=75&fm=jpg&s=823bdcc…);
    background-size: cover;
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.home-category { width: 100%; }
.home-category .wrap { max-width: 1500px; }
.home-category-row { display: grid; grid-template-columns: minmax(min-content, 310px) auto; grid-gap: 30px; }
.home-category-list ul li { margin-bottom: 35px; }
.home-category-list ul li:last-child { margin-bottom: 0; }
.home-category-list ul li a { font-size: 25px; font-weight: 400; color: #192744; display: flex; align-items: center; }
.home-category-list ul li a i { font-size: 52px; }
.home-category-list ul li a.active, .home-category-list ul li a:hover { color: #da5516; }
.home-category-list ul li a span { margin-left: 37px; }

.home-banner { display: flex; }
.banner-img { padding: 200px 53px 170px; width: 100%; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; }
.home-banner h2 { font-weight: 300; font-size: 36px; color: #fff; margin-bottom: 0; }
.home-banner .button { margin-top: 30px;}
.home-banner h2 > span { font-weight: 500; display: block; }
.home-banner h2 > span span { font-weight: 700; color: #c95000; }
.banner-img:before { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #152747; opacity: 0.8; }
/* .banner-img:after { content:''; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; background: url('../images/shape-banner.svg')no-repeat center bottom; height:86px; background-size: cover;   background-position: center center; } */
.custom-shape-divider {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% + 3px);
    overflow: hidden;
    line-height: 0;
}
.custom-shape-divider svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 81px;
    transform: rotateY(180deg);
}
.custom-shape-divider .shape-fill {
    fill: #FFFFFF;
}

.feature-section { width: 100%; background: #e0e0e0;  }
.feature-key { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding-bottom: 8px;  }
.feature-key li { display: inline-block; vertical-align: middle; margin: 0 12px; padding: 8px 0 0; font-weight: 300; }
.feature-key li i { margin-right: 10px; font-size: 32px; display: inline-block; vertical-align: middle; }
.feature-key li span { font-weight: 600; }

.solution-section { width: 100%; position: relative; overflow: hidden; }
.solution-img { position: absolute; top: 0; left: 0; height: 479px; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;  z-index: 1; }
.solution-img:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; background: #192745; opacity: 0.85; width: 100%; }

.section-title { font-weight: 300; position: relative; z-index: 1; color: #fff; margin: 0 0 50px; font-size: 50px; }
.section-title > span { font-weight: 700; }
.section-title > span span { color: var(--dark-orange); }
.solution-section .section-title  { margin-left: 90px; }

h3.section-title3 { font-size: 36px; }
h3.section-title { font-size: 36px; }
h4.section-title { font-size: 28px; }
h2.big-title { font-size: 60px; text-transform: none!important; margin-bottom: 40px; }
.col p:last-child { margin-bottom: 0; }

figure { margin: 0; }
.solution-row { padding: 60px 100px;  background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 10%); position: relative; z-index: 1; margin-top: 74px; text-align: center; }
.solution-row .button { margin-top: 50px; }
.features-row { grid-gap: 18px; display: grid; grid-template-columns: 1fr 1fr 1fr; }
/* Feature Box */
.feature-img { position: relative; }
.feature-img figure { position: relative; padding-top: 42.5650%; }
.feature-img figure img { width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; }
.feature-img .feature-icon { position: absolute; left: 0; right: 0; bottom: 0; height: 75px; width: 75px; border-radius: 50%; background-color: #192745; color: #fff; display: flex; align-items: center; justify-content: center; margin: auto; transform: translateY(50%);  font-size: 45px; z-index: 1; padding: 10px; }
.feature-icon img { width: 100%; }
.feature-img .feature-icon:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; background-color: #192745; margin: auto; z-index: -1;  box-shadow: 0px 4px 4px rgb(124 123 123 / 50%);  }
.feature-img .feature-icon:after { content: ""; position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; border-radius: 50%; background-color: #fff; margin: auto; z-index: -2; }
.feature-info { padding: 58px 20px 0; text-align: center; font-size: 16px; }
.feature-info h6 { font-size: 18px; font-weight: bold; color: #474746; position: relative; padding-bottom: 15px;	margin-bottom: 20px; }
.feature-info h6::after { content: ''; width: 28px; height: 2px; background: #c06318; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.feature-info p { line-height: 1.3;   max-width: 262px; margin: 0 auto; color: #7a7a7a; }

.why-choose-section {width: 100%; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 1; background-attachment: fixed; }
.why-choose-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fff; opacity: 0.85; z-index: -1; }
.why-choose-row { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 88px; }
.why-chosoe-content p  { margin-bottom: 0; }
.why-chosoe-content .button { margin-top: 45px; }
.why-chosoe-content .section-title { color: #192744; }

.content-box { }
.content-box .wrap > p { margin-top: 55px; }
.section-title2 { font-weight: 700; color: #192744; margin-bottom: 30px; }
.brinkoflex-row { display: flex;  grid-gap: 30px;  }
.brinkoflex-img .feature-img .feature-icon { transform: translateX(-50%) translateY(0); right: auto; top: 0; bottom: 0; padding: 0; }
.brinkoflex-img .feature-img { margin-left: 70px;  height: 100%; display: flex; }
.brinkoflex-img { display: flex; min-width: 692px; }
.brinkoflex-img  .features-box {  width: 100%; }
.brinkoflex-img .feature-img figure { padding-top: 0; width: 100%; overflow: hidden; }
.brinkoflex-img  .feature-img figure img { width: 135%; }
.brinkoflex-content p { margin-bottom: 0; }
.section-title2.white { color: #fff; }

.section-border { position: relative; }
.section-border:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: rgb(241,122,0);
    background: linear-gradient(90deg, rgba(241,122,0,1) 0%, rgba(231,71,0,1) 100%); }
.section-border:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: rgb(241,122,0);
        background: linear-gradient(90deg, rgba(241,122,0,1) 0%, rgba(231,71,0,1) 100%); }
.section-row { padding: 90px 0; }

.news-box { display: inline-block; vertical-align: top; width: 100%; }
.news-box .news-img { position: relative; padding-top: 60%; width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; }
.news-box .news-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.news-box .news-img img:hover { transform: scale(1.1); }
.news-section { background: #192744; }
.info-content { color: #fff; margin-top: 25px; }
.info-content p {  margin-bottom: 10px; }
.info-content h4 a { color: #fff; font-weight: 500; }
.info-content h4 a:hover { color: #bd581c; font-weight: 500; }
.info-content .button { margin-top: 15px; }

.swiper-pagination { position: relative;  margin-top: 50px; display: flex; align-items: center; justify-content: center; }
.swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #fff; transition: all 350ms ease-in-out; }
 .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d75517; }
.news-slider { padding: 0 30px; }
.section-title.black { color: #192744; }

.listing-point li { position: relative; padding-left: 50px; text-transform: uppercase; font-size: 18px; font-weight: 400; padding-bottom: 40px; }
.listing-point li:last-child { padding-bottom: 0; }
.listing-point li:last-child:after { display: none; }
.listing-point li span { color: var(--orange); font-weight: 500; }
.listing-point li:before { content:''; position: absolute; left: 0; top: 0; width: 33px; height: 26px; background: url('../images/check-arrow.svg') no-repeat center left; }
.listing-point li:after { content:''; position: absolute; left: 13px; top: 32px; width: 1px; height: calc(100% - 36px); background: url('../images/ul-line.svg'); background-position: center left; background-repeat: repeat-y; }
.button.btn-xs span { font-weight: 700; }
.connect-form { background: #fff; padding: 50px 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.10);  }
.connect-form .form-block { margin: 0; }
.connect-form .form-group { padding: 15px 0; }
.connect-form .form-group:first-child { padding-top: 0; }

.connect-row { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 45px; }
.understanding-detail .section-title { margin-bottom: 25px; }
.understanding-info {  display: grid; grid-template-columns: 359px 1fr; grid-gap: 25px; align-items: center; }
.connect-person-img img { width: 100%; max-width: 284px; }
.understanding-detail p { max-width: 480px; width: 100%; }
.connect-row.col-grid1 { justify-items: center; padding-top: 0; }
.col-grid1 .understanding-info { grid-template-columns: auto 1fr; grid-gap: 80px; }
.connect-row.col-grid1 .understanding-detail p { font-size: 22px; margin-bottom: 38px; }

/* Inner Page */
.inner-pages { padding: 125px 0; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; background-color: #132747; }
.inner-pages:before { content: ''; position: absolute; left: 0; top: 0; background: #192744; height: 100%; width: 100%; z-index: -1; opacity: 0.85; }
.inner-pages h2 { font-size: 48px; font-weight: 300; color: var(--white); text-transform: uppercase; margin: 0; }
.inner-pages h2 span { color: var(--orange); font-weight: 700; }

.undisputed-hose-specialist { position: relative; padding-bottom: 0; }
.specialist-img { position: absolute; left: 0; top: 0; width: 100%; padding-top: 28.4895%; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1;  }
.specialist-img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; background: var(--white); opacity: 0.85;  }
.undisputed-hose-specialist .wrap > h2 { margin: 0; max-width: 730px; width: 100%; font-weight: 400; font-size: 78px; line-height: normal; }
.undisputed-hose-specialist .wrap >  h2 span { font-weight: 300;  }
.undisputed-hose-specialist .wrap > h2 strong { color: var(--orange); }

.hose-specialist-boxes { margin-top: 80px; width: 100%; }
.hose-specialist-row { background: var(--white); padding: 105px 20px 105px 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.10); }

.hose-specialist-box { display: flex; align-items: flex-start; max-width: 978px; width: 100%; margin: 0 auto; }
.hose-specialist-info { position: relative; width: calc(100% + 30px); transform: translateX(30px); margin-top: 117px; background: #fff; padding: 35px; z-index: 1; text-align: right; }
.hose-specialist-img { max-width: 460px; width: 100%; margin: 0 0 0 auto; }
.hose-specialist-img figure { width: 100%; position: relative; padding-top: 65.21%; overflow: hidden;  }
.hose-specialist-img figure img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; }
.section-title3 { font-weight: 400; text-transform: uppercase; margin-bottom: 15px; line-height: normal; }
.section-title3 span { font-weight: 700;  }
.section-title3 strong { color: var(--orange);  }
.hose-specialist-box:nth-child(even) { flex-direction: row-reverse; }
.hose-specialist-box:nth-child(even) .hose-specialist-info  { transform: translateX(-30px); text-align: left; }
.hose-specialist-info p { margin-bottom: 0; }
.hose-specialist-box { margin-bottom: 99px; }
.hose-specialist-box:last-child { margin-bottom: 0; }

.col-grid1 { grid-template-columns: 1fr; }

/* Contact Page */
.contact-page-form { margin-top: -63px; position: relative; z-index: 1; }
.contact-page-form .connect-form .form-block { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px 40px; }
.contact-page-form .form-group { padding: 0; }
.contact-page-form .form-group.full-width { grid-column: span 2; }

.color-block { padding: 35px 50px; background: #1c2742; }
.color-block .section-title { margin-bottom: 30px; }
.color-block p { color: #fff; }

.section-bg { padding: 50px;  background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 10%); position: relative; z-index: 1; margin-top: 74px; text-align: left; }
.section-bg .why-choose-row { grid-gap: 55px; }
.padding-top-0 {  padding-top: 0;}
.section-bg .listing-point li { padding-bottom: 60px; }
.section-bg .listing-point li:last-child { padding-bottom: 0; }

.solution-section-inner .features-box { padding: 18px 18px 25px; box-shadow: 0 2px 10px rgb(0 0 0 / 10%); }
.solution-section-inner .feature-info p { max-width: 100%; color: var(--dark-blue); margin-bottom: 20px; }
.feature-boxes { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; }

.news-section-inner .swiper-slide {  }
.news-boxes { flex-direction: column; display: flex;  padding: 10px; }
.news-boxes .news-box { padding: 18px 18px 25px; box-shadow: 0 2px 10px rgb(0 0 0 / 10%); }
.news-boxes .news-box:not(:last-child) { margin-bottom: 30px; }
.news-boxes .news-box .info-content { color: var(--dark-blue); }
.news-boxes .news-box .info-content h4 a { color: var(--dark-blue); }
.news-boxes .news-box .info-content h4 a:hover { color: var(--orange); }
.news-section-inner .swiper-pagination-bullet { background: var(--dark-blue); }
.news-section-inner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--orange); }

.news-detail-page { margin-top: -63px; position: relative; z-index: 1; }
.news-info-detail { padding: 60px 60px 40px;  background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 10%); position: relative; z-index: 1; }
.news-info-detail h2 { color: #e25415; font-weight: 500; }
.news-info-detail figure { margin: 35px 0; }
.news-info-detail h3 { font-weight: 500; color: #e25415; }

.feature-news-section .news-boxes { margin: -10px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; }
.feature-news-section .news-boxes .news-box { margin-bottom: 0; }
.medium { font-weight: 500; }
.why-choose-row .video-box { position: relative; padding-bottom: 56.25%; height: 0; }
.why-choose-row .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.search-results .top-banner-info { padding: 40px 0; color: var(--orange);}
.search-results .top-banner-info h1 { font-weight: bold;}
.search-results .page-main { padding-bottom: 60px;}
.search-results .page-main h2 { font-size: 26px;}
.search-results .page-main li { list-style-type: disclosure-closed; line-height: 2; font-size: 18px;}
.search-results .page-main li a { display: inline-block; color: var(--orange);}
.search-results .page-main li a:hover { color: var(--dark-blue); }
.page-template-default .content-box .wrap > p{
	margin-top: 15px;
}


/*Add a Dropdown*/

.home-category-list li.has-dropdown {
    position: relative;
}

.home-category-list li.has-dropdown .dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    /* height: 100%; */
    left: 110%;
    top: 0;
    border-radius: 5px;
    z-index: 11;
    /* text-align: center; */
    min-width: 300px;
}

.dropdown-content ul {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.75);
}

.home-category-list li.has-dropdown .dropdown-content li {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 15px 20px 20px 30px;
    font-weight: 400;
}

.dropdown-content .sub-dropdown {
    position: absolute;
    left: 101%;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.home-category-list li.has-dropdown .dropdown-content li a {
    font-size: 18px;
    /* font-weight: 400; */
    position: relative;
}

li.static-heading {
    background: #dc5520;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.home-category-list li.has-dropdown .dropdown-content li a i.icon-arrow-right {
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    font-size: 12px;
    transform: translateY(-50%);
}

.sub-options .icon-arrow-right.rotate-icon {
    transform: rotate(90deg);
}

.dscf7captcha input[type="text"]{
	font-size: 18px !important;
}

.dscf7captcha{
	font-size: 20px;
}