@charset "UTF-8";
/* variables */
/* end variables */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: .35em .75em .625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

/* grid */
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; }

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; }

@media (min-width: 768px) { .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } }

@media (min-width: 992px) { .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 1200px) { .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } }

/* visibility */
.hidden { display: none !important; }

.hide { display: none; }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } .hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } .hidden-sm { display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } .hidden-md { display: none !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !important; } }

.collapse { display: none; }

.collapse.in { display: block; }

tr.collapse.in { display: table-row; }

tbody.collapse.in { display: table-row-group; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; }

/* form elements */
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } }

.form-control.input-sm { height: 30px; padding: 8px 0; font-size: 12px; line-height: 1.5; }

textarea.form-control { height: auto; }

textarea.form-control.input-sm { height: auto; }

.form-group { margin-bottom: 15px; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }

.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; }

.input-group .btn { position: relative; z-index: 2; }

.input-group .btn:focus { z-index: 5; }

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: relative; top: 2px; }

input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-left: 0px; margin-top: 1px\9; line-height: normal; }

.help-block { display: block; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }

.panel-group { margin-bottom: 20px; }

.panel-group .panel { margin-bottom: 0; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-group .panel + .panel { margin-top: 5px; }

.panel-group .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.panel-group .panel-heading .panel-title { margin-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; }

.panel-group .panel-body { padding: 15px; }

.nav { padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs > li { float: left; margin-bottom: -1px; }

.nav-tabs > li.active { pointer-events: none; }

.nav-tabs > li > a { position: relative; display: block; padding: 10px 15px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }

.tabs > .tab-content { padding-top: 15px; }

.tabs > .tab-content > .tab-pane { display: none; }

.tabs > .tab-content > .tab-pane.active { display: block; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

.table th { text-align: left; }

.table > thead > tr > th { padding: 8px; vertical-align: bottom; border-bottom: 2px solid #ddd; }

.table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }

.table > thead:first-child > tr:first-child > th { border-top: 0; }

.table.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

.table-responsive { min-height: .01%; overflow-x: auto; }

/* ultilities */
.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

/*start modal*/
.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal.in { display: block; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

.modal.show .modal-dialog { transform: none; }

.modal.modal-static .modal-dialog { transform: scale(1.02); }

.modal.in .modal-dialog { transform: translate(0, 0); }

.modal-dialog-scrollable { display: flex; max-height: subtract(100%, 1rem); }

.modal-dialog-scrollable .modal-content { max-height: subtract(100vh, 1rem); overflow: hidden; }

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: subtract(100%, 1rem); }

.modal-dialog-centered::before { display: block; height: subtract(100vh, 1rem); content: ""; }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }

.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: subtract(0.3rem, 1px); border-bottom-left-radius: subtract(0.3rem, 1px); }

.modal-footer > * { margin: 0.25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: subtract(100%, 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: subtract(100vh, 3.5rem); } .modal-dialog-centered { min-height: subtract(100%, 3.5rem); } .modal-dialog-centered::before { height: subtract(100vh, 3.5rem); } .modal-content { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); } .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } .modal-dialog { width: 600px; margin: 30px auto; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

/* Dropdown */
.dropdown, .dropup { position: relative; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.open > .dropdown-menu { display: block; }

.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.fade.in { opacity: 1; }

.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; }

.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }

button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }

/* BASIC STYLE - General Style - Headings Style - Button Style - Form Style - Spacer Style */
/* BASIC STYLE - General Style - Headings Style - Button Style - Form Style - Spacer Style */
::-moz-selection, ::selection { background-color: #2bcdc1; color: #fff; }

/*  General Style   ||-----------*/
body, html { height: 100%; margin: 0; padding: 0; }

:focus { outline: none; }

body { height: auto; color: #3e3e3e; font-size: 14px; font-family: Arial, sans-serif; font-weight: 400; line-height: 1.4; /*letter-spacing: 1px;*/ overflow-x: hidden !important; }

img { height: auto; max-width: 100%; border: none; outline: none; transition: all 0.2s ease 0s; }

a { outline: none; }

a:focus, a:active, a:link { outline: none; }

a.nolink:hover, a.nolink:visited, a.nolink:focus, a.nolink:active { text-decoration: none; color: inherit; }

a.underline-hover:hover { text-decoration: none; }

a.underline-hover:hover > span { border-bottom: solid 1px #3e3e3e; }

a { color: #3e3e3e; cursor: pointer; text-decoration: none; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

a:hover { color: #2e485b; text-decoration: none; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.video { display: block; }

.audio { width: 100%; }

br { font-size: 0; line-height: 0; }

hr { margin-bottom: 0px; margin-top: 0px; border-top: 1px solid #d8d8d8; border-bottom: none; border-left: none; border-right: none; }

hr.dark { border-top: 1px solid #3e3e3e; }

b, strong { font-weight: 600; }

small { font-size: 11px; color: #888; }

small a { font-size: 11px; color: #888; }

ul.list-inside { list-style: inside; }

ul.list-none { list-style: none; padding-left: 0px; margin-left: 0; }

ul.list-none-ib { list-style: none; padding-left: 0px; margin-left: 0; }

ul.list-none-ib li { list-style: none; display: inline-block; }

table { border-spacing: 0; border-collapse: collapse; }

.uppercase { text-transform: uppercase; }

.blocker { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; }

.list-none-ib { list-style: none; display: inline-block; }

ul.text-cap li, .text-cap { /* text-transform: uppercase; */ font-size: 12px; font-weight: 600; letter-spacing: 2px; }

p { margin-bottom: 10px; }

p.lead { font-size: 16px; }

.lead { font-size: 16px; }

.link:hover { color: #2bcdc1; }

.gray-bg { background: #f7f7f7; color: #323232; }

.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon { color: #323232; }

.visible-hidden { visibility: hidden; }

/*Headings Style   ||-----------*/
.separator { height: 1px; width: 32px; background: #888; margin-top: 5px; margin-bottom: 3px; border: 0 none; }

.separator.right { float: right; }

.separator.center { margin-left: auto; margin-right: auto; }

.separator.color { background: #2bcdc1; }

.separator.white { background: #fff; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; margin-top: 0px; margin-bottom: 10px; }

h1 { font-size: 43px; line-height: 40px; }

h1.h1 { font-weight: bold; }

h2 { font-size: var(--h2FontSize, 27px); line-height: 37px; margin-bottom: 20px; padding-top: 10px; }

h3 { font-size: var(--h3FontSize, 21px); line-height: 32px; }

h4 { font-size: var(--h4FontSize, 17px); line-height: 1.2; }

h5 { font-size: 15px; line-height: 23px; font-weight: 600; }

h6 { font-size: 13px; line-height: 17px; font-weight: 600; }

h1.large { font-size: 50px; }

/*Button Style   ||-----------*/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 12px; line-height: normal; font-weight: 700; letter-spacing: 2px; /* text-transform: uppercase; */ transition: all 0.3s ease 0s; border-radius: 0; white-space: normal; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; }

.btn:focus { outline: none; }

button { font-size: 12px; line-height: normal; font-weight: 700; letter-spacing: 2px; /* text-transform: uppercase; */ transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; }

.btn i, button i { margin-right: 6px; }

i.left { margin-right: 6px; }

i.right { margin-left: 6px; margin-right: 0px !important; }

button { vertical-align: top; }

.btn-full { width: 100% !important; display: inline-block; text-align: center; }

.btn-lg { padding: 15px 25px; display: inline-block; }

.btn-md { padding: 11px 20px; display: inline-block; }

.btn-xs { padding: 11px 15px 10px; display: inline-block; }

.btn-line-xs { padding: 7px 15px 7px; display: inline-block; }

.btn-icon { padding: 0px; width: 34px; height: 34px; line-height: 34px; display: inline-table !important; }

.btn-black { color: #323232; background: transparent; border: solid 2px #323232; background: transparent; }

.btn-black:hover { color: #323232; background: rgba(50, 50, 50, 0.1); }

.btn-color-a, .btn-color-b { color: #fff; background: #2bcdc1; border: none; }

.btn-color-a:hover { color: #fff; background: rgba(230, 174, 73, 0.85); }

.btn-color-b:hover { color: #fff; /*color: #2bcdc1;        background: $clr-white;*/ background: rgba(230, 174, 73, 0.85); }

.btn-white { color: #d7d8da; border: solid 2px #d7d8da; text-transform: uppercase; background: transparent; }

.btn-white:hover { color: #d7d8da; background: rgba(46, 72, 91, 0.4); }

.btn-black-line, .btn-white-line, .btn-color-line { border: 2px solid; background: none; }

.btn-black-line { color: #323232; border-color: #323232; padding: 9px 20px; }

.btn-black-line:hover { color: #fff; background: #323232; }

.btn-color-line { color: #2bcdc1; border-color: #2bcdc1; padding: 9px 20px; }

.btn-color-line:hover { color: #fff; background: #2bcdc1; }

.btn-white-line { color: #fff; border-color: #fff; padding: 9px 20px; }

.btn-white-line:hover { color: #323232; background: #fff; }

.btn-link-a, .btn-link-b { color: #323232; background: none; padding-left: 0px; padding-right: 0px; padding-bottom: 3px; border-bottom: 1px dotted transparent; font-weight: 600; font-size: 12px; /* text-transform: uppercase; */ letter-spacing: 2px; }

.btn-link-a:hover { color: #2bcdc1; border-bottom: 1px solid #2bcdc1; }

.btn-link-b:hover { color: #fff; border-bottom: 2px solid #fff; }

.btn-space-5 { width: 5px; min-height: 1px; display: inline-block; }

.btn-space-10 { width: 10px; min-height: 1px; display: inline-block; }

/*Form Style   ||-----------*/
button { outline: none; border: none; cursor: pointer; display: inline-block; }

html input[type="button"] { cursor: pointer; display: inline-block; }

input[type="reset"], input[type="submit"] { cursor: pointer; display: inline-block; }

/*input { &[type="text"], &[type="email"], &[type="tel"], &[type="number"], &[type="password"], &[type="radio"], &[type="checkbox"] { appearance: none; -webkit-appearance: none; border: 1px solid $clr-txt-border; -webkit-border-radius: 0px; border-radius: 0px; outline: none; font-weight: 400; letter-spacing: 1px; font-size: 13px; padding: 10px 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; display: inline-block; } }*/
textarea, select { appearance: none; -webkit-appearance: none; border: 1px solid #ddd; -webkit-border-radius: 0px; border-radius: 0px; outline: none; font-weight: 400; letter-spacing: 1px; font-size: 13px; padding: 10px 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; display: inline-block; }

input.input-sm, .input-sm { padding: 8px 0; }

textarea { height: 120px; }

label { color: #323232; font-size: 13px; margin-bottom: 10px; padding-right: 3px; margin-top: 6px; font-weight: 600; }

.form-full { width: 100%; }

.form-field-wrapper { margin-bottom: 20px; }

.form-field-wrapper input, .form-field-wrapper textarea, .form-field-wrapper select { margin-bottom: 0px; }

form .error { border-color: #e1534f; }

form label.error { margin-bottom: 0px; margin-top: 3px; color: #e1534f; font-size: 12px; font-weight: 400; }

.successContent, .errorContent { margin-bottom: 20px; display: none; text-transform: none; letter-spacing: 1px; }

.page-section { position: relative; z-index: 2; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 30px; padding-bottom: 30px; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; }

@media (max-width: 767px) { .page-section { padding-top: 20px; padding-bottom: 20px; } }

.page-section.padding-top-big { padding-top: 50px; }

@media (max-width: 767px) { .page-section.padding-top-big { padding-top: 35px; } }

.page-section.padding-bottom-big { padding-bottom: 50px; }

@media (max-width: 767px) { .page-section.padding-bottom-big { padding-bottom: 35px; } }

.page-section.padding-top-0 { padding-top: 0; }

.page-section.padding-bottom-0 { padding-bottom: 0; }

/* Spacer Style   ||-----------*/
.spacer-15 { width: 100%; height: 15px; }

.spacer-20 { width: 100%; height: 20px; }

.spacer-30 { width: 100%; height: 30px; }

.spacer-45 { width: 100%; height: 45px; }

.spacer-60 { width: 100%; height: 60px; }

.spacer-75 { width: 100%; height: 75px; }

.spacer-90 { width: 100%; height: 90px; }

.no-padding { padding: 0 !important; }

.padding-30 { padding: 30px !important; }

.padding-40 { padding: 40px !important; }

.plr-0 { padding-left: 0 !important; padding-right: 0 !important; }

.pl-0 { padding-left: 0; }

.pr-0 { padding-right: 0; }

.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.pt-0 { padding-top: 0px !important; }

.pb-0 { padding-bottom: 0px !important; }

.ptb { padding-top: 30px; padding-bottom: 30px; }

.pt { padding-top: 110px; }

.pb { padding-bottom: 110px; }

.ptb-15 { padding-top: 15px; padding-bottom: 15px; }

.pt-15 { padding-top: 15px; }

.pb-15 { padding-bottom: 15px; }

.ptb-20 { padding-top: 20px; padding-bottom: 20px; }

.ptb-30 { padding-top: 30px; padding-bottom: 30px; }

.ptb-60 { padding-top: 60px; padding-bottom: 60px; }

.pt-20 { padding-top: 20px; }

.pt-30 { padding-top: 30px; }

.pt-60 { padding-top: 60px; }

.pb-60 { padding-bottom: 60px; }

.ptb-80 { padding-top: 80px; padding-bottom: 80px; }

.pt-60-b-30 { padding-top: 60px; padding-bottom: 30px; }

.pt-80 { padding-top: 80px; }

.pb-80 { padding-bottom: 80px; }

.mtb-0 { margin-top: 0px; margin-bottom: 0px; }

.mlr-0 { margin-left: 0px; margin-right: 0px; }

.mt-0 { margin-top: 0px !important; }

.mb-0 { margin-bottom: 0px !important; }

.ml-0 { margin-left: 0px !important; }

.mr-0 { margin-right: 0px !important; }

.mtb-80 { margin-top: 80px; margin-bottom: 80px; }

.mt-80 { margin-top: 80px; }

.mb-80 { margin-bottom: 80px; }

.mtb-60 { margin-top: 60px; margin-bottom: 60px; }

.mt-60 { margin-top: 60px; }

.mb-60 { margin-bottom: 60px; }

.mtb-45 { margin-top: 45px; margin-bottom: 45px; }

.mt-45 { margin-top: 45px; }

.mb-45 { margin-bottom: 45px; }

.mtb-30 { margin-top: 30px; margin-bottom: 30px; }

.mt-30 { margin-top: 30px; }

.mb-30 { margin-bottom: 30px; }

.ml-30 { margin-left: 30px; }

.mr-30 { margin-right: 30px; }

.mtb-25 { margin-top: 25px; margin-bottom: 25px; }

.mt-25 { margin-top: 25px; }

.mb-25 { margin-bottom: 25px; }

.mtb-15 { margin-top: 15px; margin-bottom: 15px; }

.mt-15 { margin-top: 15px; }

.mb-15 { margin-bottom: 15px; }

.float-left { float: left; }

.float-right { float: right; }

@media (max-width: 991px) { .mtb-sm-60 { margin-top: 60px; margin-bottom: 60px; } .mt-sm-60 { margin-top: 60px; } .mb-sm-60 { margin-bottom: 60px; } .mtb-sm-45 { margin-top: 45px; margin-bottom: 45px; } .mt-sm-45 { margin-top: 45px; } .mb-sm-45 { margin-bottom: 45px; } .mtb-sm-30 { margin-top: 30px; margin-bottom: 30px; } .mt-sm-30 { margin-top: 30px; } .mb-sm-30 { margin-bottom: 30px; } .mtb-sm-15 { margin-top: 15px; margin-bottom: 15px; } .mt-sm-15 { margin-top: 15px; } .mb-sm-15 { margin-bottom: 15px; } .ptb-sm-0 { padding-top: 0px; padding-bottom: 0px; } .pt-sm-0 { padding-top: 0px; } .pb-sm-0 { padding-bottom: 0px; } .ptb-sm-15 { padding-top: 15px; padding-bottom: 15px; } .ptb-sm-20 { padding-top: 20px; padding-bottom: 20px; } .ptb-sm-30 { padding-top: 30px; padding-bottom: 30px; } .pt-sm-30 { padding-top: 30px; } .pb-sm-30 { padding-bottom: 30px; } .ptb-sm-60 { padding-top: 60px; padding-bottom: 60px; } .pb-sm-60 { padding-bottom: 60px; } .pt-sm-60 { padding-top: 60px; } .ptb-sm-80 { padding-top: 80px; padding-bottom: 80px; } .pb-sm-80 { padding-bottom: 80px; } .pt-sm-80 { padding-top: 80px; } .float-none-sm { float: none !important; } .float-left-sm { float: left !important; } .float-right-sm { float: right !important; } }

@media (max-width: 767px) { .mtb-xs-0 { margin-top: 0px; margin-bottom: 0px; } .mt-xs-0 { margin-top: 0px; } .mb-xs-0 { margin-bottom: 0px; } .mtb-xs-15 { margin-top: 15px; margin-bottom: 15px; } .mt-xs-15 { margin-top: 15px; } .mb-xs-15 { margin-bottom: 15px; } .mtb-xs-30 { margin-top: 30px; margin-bottom: 30px; } .mt-xs-30 { margin-top: 30px; } .mb-xs-30 { margin-bottom: 30px; } .mtb-xs-60 { margin-top: 60px; margin-bottom: 60px; } .mt-xs-60 { margin-top: 60px; } .mb-xs-60 { margin-bottom: 60px; } .ptb-xs-30 { padding-top: 30px; padding-bottom: 30px; } .pt-xs-30 { padding-top: 30px; } .pb-xs-30 { padding-bottom: 30px; } .ptb-xs-60 { padding-top: 60px; padding-bottom: 60px; } .pb-xs-60 { padding-bottom: 60px; } .pt-xs-60 { padding-top: 60px; } .float-none-xs { float: none !important; } .float-left-xs { float: left !important; } .float-right-xs { float: right !important; } }

.flex-center-sm { display: flex; flex-flow: row wrap; }

@media (min-width: 768px) { .flex-center-sm { height: 100%; display: flex; flex-flow: row wrap; justify-content: center; } }

.flex-center-sm .line-break { display: none; }

@media (min-width: 992px) { .flex-center-sm .line-break { display: block; width: 100%; } }

.flex-center-sm .flex-col { flex: 0 1 auto; }

.flex-center-sm .col-xs-6 { flex-basis: 50%; }

@media (min-width: 768px) { .flex-center-sm .col-sm-4 { flex-basis: 33.2%; } }

@media (min-width: 992px) { .flex-center-sm .col-md-3 { flex-basis: 25%; } }

.table-grid { /*didn't work on IE11 and old safari*/ display: table; table-layout: fixed; border-spacing: 15px 0; margin-left: -15px; margin-right: -15px; }

@media (max-width: 767px) { .table-grid { display: block; border-spacing: 0; margin-left: 0; margin-right: 0; } }

.table-grid > .cell { display: table-cell; vertical-align: top; }

.table-grid > .cell.span-3-of-12 { width: 25%; }

.table-grid > .cell.span-4-of-12 { width: 33.33%; }

.table-grid > .cell.span-6-of-12 { width: 50%; }

.table-grid > .cell.span-6-of-12, .table-grid > .cell.span-4-of-12, .table-grid > .cell.span-3-of-12 { padding-left: 15px; padding-right: 15px; }

@media (max-width: 767px) { .table-grid > .cell.span-6-of-12, .table-grid > .cell.span-4-of-12, .table-grid > .cell.span-3-of-12 { display: block; width: 100%; margin-bottom: 15px; } }

.flext-grid { display: flex; margin-left: -15px; margin-right: -15px; }

@media (max-width: 767px) { .flext-grid { display: block; margin-left: 0; margin-right: 0; } }

.flext-grid > .cell { flex-grow: 1; flex-shrink: 0; padding-left: 15px; padding-right: 15px; }

.flext-grid > .cell.span-3-of-12 { width: 25%; }

.flext-grid > .cell.span-4-of-12 { width: 33.33%; }

.flext-grid > .cell.span-6-of-12 { width: 50%; }

@media (max-width: 767px) { .flext-grid > .cell.span-6-of-12, .flext-grid > .cell.span-4-of-12, .flext-grid > .cell.span-3-of-12 { display: block; width: 100%; margin-bottom: 15px; } }

/* custom bootstrap grid */
@media (min-width: 992px) { .col-md-2_5 { width: 20%; } }

/** Custom styles Author: duc@codebrewery.com Date: 2020-11-13 */
.d-flex { display: flex; }

.justify-content-center { justify-content: center; }

.justify-content-between { justify-content: space-between; }

.justify-content-end { justify-content: flex-end; }

.align-items-center { align-items: center; }

.d-block { display: block; }

.dark-color { color: var(--body-colour); }

.container-flex .row { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container-flex .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.container-flex .row.equal-height { display: flex; }

.container-flex .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.container-flex .col-xs, .container-flex .col-xs-1, .container-flex .col-xs-2, .container-flex .col-xs-3, .container-flex .col-xs-4, .container-flex .col-xs-5, .container-flex .col-xs-6, .container-flex .col-xs-7, .container-flex .col-xs-8, .container-flex .col-xs-9, .container-flex .col-xs-10, .container-flex .col-xs-11, .container-flex .col-xs-12, .container-flex .col-xs-offset-0, .container-flex .col-xs-offset-1, .container-flex .col-xs-offset-2, .container-flex .col-xs-offset-3, .container-flex .col-xs-offset-4, .container-flex .col-xs-offset-5, .container-flex .col-xs-offset-6, .container-flex .col-xs-offset-7, .container-flex .col-xs-offset-8, .container-flex .col-xs-offset-9, .container-flex .col-xs-offset-10, .container-flex .col-xs-offset-11, .container-flex .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.container-flex .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }

.container-flex .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.2%; max-width: 8.33333333%; }

.container-flex .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.6%; max-width: 16.66666667%; }

.container-flex .col-xs-3 { -ms-flex-preferred-size: 24.97%; flex-basis: 24.97%; max-width: 25%; }

.container-flex .col-xs-4 { -ms-flex-preferred-size: 33.2%; flex-basis: 33.2%; max-width: 33.33333333%; }

.container-flex .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }

.container-flex .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 49.5%; max-width: 49.5%; }

.container-flex .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.2%; max-width: 58.33333333%; }

.container-flex .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.65%; max-width: 66.66666667%; }

.container-flex .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }

.container-flex .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.2%; max-width: 83.33333333%; }

.container-flex .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.65%; max-width: 91.66666667%; }

.container-flex .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.container-flex .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }

.container-flex .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.container-flex .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }

.container-flex .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.container-flex .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container-flex .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.container-flex .around-xs { -ms-flex-pack: distribute; justify-content: space-around; }

.container-flex .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.container-flex .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.container-flex .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media only screen and (min-width: 48em) { .container-flex .container { width: 49rem; } .container-flex .col-sm, .container-flex .col-sm-1, .container-flex .col-sm-2, .container-flex .col-sm-3, .container-flex .col-sm-4, .container-flex .col-sm-5, .container-flex .col-sm-6, .container-flex .col-sm-7, .container-flex .col-sm-8, .container-flex .col-sm-9, .container-flex .col-sm-10, .container-flex .col-sm-11, .container-flex .col-sm-12, .container-flex .col-sm-offset-0, .container-flex .col-sm-offset-1, .container-flex .col-sm-offset-2, .container-flex .col-sm-offset-3, .container-flex .col-sm-offset-4, .container-flex .col-sm-offset-5, .container-flex .col-sm-offset-6, .container-flex .col-sm-offset-7, .container-flex .col-sm-offset-8, .container-flex .col-sm-offset-9, .container-flex .col-sm-offset-10, .container-flex .col-sm-offset-11, .container-flex .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .container-flex .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .container-flex .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .container-flex .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .container-flex .col-sm-3 { -ms-flex-preferred-size: 24.97%; flex-basis: 24.97%; max-width: 25%; } .container-flex .col-sm-4 { -ms-flex-preferred-size: 33.2%; flex-basis: 33.2%; max-width: 33.2%; } .container-flex .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .container-flex .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .container-flex .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .container-flex .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .container-flex .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .container-flex .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .container-flex .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .container-flex .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .container-flex .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .container-flex .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .container-flex .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .container-flex .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .container-flex .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .container-flex .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .container-flex .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .container-flex .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .container-flex .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .container-flex .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media only screen and (min-width: 64em) { .container-flex .container { width: 65rem; } .container-flex .col-md, .container-flex .col-md-1, .container-flex .col-md-2, .container-flex .col-md-3, .container-flex .col-md-4, .container-flex .col-md-5, .container-flex .col-md-6, .container-flex .col-md-7, .container-flex .col-md-8, .container-flex .col-md-9, .container-flex .col-md-10, .container-flex .col-md-11, .container-flex .col-md-12, .container-flex .col-md-offset-0, .container-flex .col-md-offset-1, .container-flex .col-md-offset-2, .container-flex .col-md-offset-3, .container-flex .col-md-offset-4, .container-flex .col-md-offset-5, .container-flex .col-md-offset-6, .container-flex .col-md-offset-7, .container-flex .col-md-offset-8, .container-flex .col-md-offset-9, .container-flex .col-md-offset-10, .container-flex .col-md-offset-11, .container-flex .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .container-flex .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .container-flex .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .container-flex .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .container-flex .col-md-3 { -ms-flex-preferred-size: 24.97%; flex-basis: 24.97%; max-width: 25%; } .container-flex .col-md-4 { -ms-flex-preferred-size: 33.2%; flex-basis: 33.2%; max-width: 33.2%; } .container-flex .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .container-flex .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .container-flex .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .container-flex .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .container-flex .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .container-flex .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .container-flex .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .container-flex .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .container-flex .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .container-flex .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .container-flex .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .container-flex .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .container-flex .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .container-flex .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .container-flex .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .container-flex .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .container-flex .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .container-flex .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media only screen and (min-width: 75em) { .container-flex .container { width: 76rem; } .container-flex .col-lg, .container-flex .col-lg-1, .container-flex .col-lg-2, .container-flex .col-lg-3, .container-flex .col-lg-4, .container-flex .col-lg-5, .container-flex .col-lg-6, .container-flex .col-lg-7, .container-flex .col-lg-8, .container-flex .col-lg-9, .container-flex .col-lg-10, .container-flex .col-lg-11, .container-flex .col-lg-12, .container-flex .col-lg-offset-0, .container-flex .col-lg-offset-1, .container-flex .col-lg-offset-2, .container-flex .col-lg-offset-3, .container-flex .col-lg-offset-4, .container-flex .col-lg-offset-5, .container-flex .col-lg-offset-6, .container-flex .col-lg-offset-7, .container-flex .col-lg-offset-8, .container-flex .col-lg-offset-9, .container-flex .col-lg-offset-10, .container-flex .col-lg-offset-11, .container-flex .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .container-flex .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .container-flex .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .container-flex .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .container-flex .col-lg-3 { -ms-flex-preferred-size: 24.97%; flex-basis: 24.97%; max-width: 25%; } .container-flex .col-lg-4 { -ms-flex-preferred-size: 33.2%; flex-basis: 33.2%; max-width: 33.2%; } .container-flex .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .container-flex .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .container-flex .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .container-flex .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .container-flex .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .container-flex .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .container-flex .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .container-flex .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .container-flex .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .container-flex .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .container-flex .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .container-flex .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .container-flex .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .container-flex .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .container-flex .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .container-flex .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .container-flex .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .container-flex .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

/* HEADER */
/* Header Style */
header.header { color: #2e485b; padding: 0px; width: 100%; }

@media (max-width: 991px) { header.header { position: fixed; left: 0; right: 0; top: 0; z-index: 2000; width: 100%; padding: 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } }

header.header .container { position: relative; display: flex; flex-basis: auto; flex-grow: 1; align-items: center; }

header.header li { list-style: outside none none; }

header.header ul, header.header li { margin: 0; padding: 0; }

header.header .logo a img.l-white, header.header .logo a img.l-color { opacity: 0; }

header.header.sticky .logo a img.l-white, header.header.sticky .logo a img.l-black { opacity: 0; }

header.header .logo a img.l-black, header.header.sticky .logo a img.l-black { opacity: 1; }

header.header .header-top.no-click-to-call .logo { position: static; left: auto; display: block; padding: 5px 0; top: 0; transform: none; }

@media (max-width: 767px) { header.header .header-top.no-click-to-call .logo { left: auto; z-index: 999; } }

header.header.sticky .mobile-menu-icon, header.header .side-menu-btn ul li a.right-icon, header.header.sticky .side-menu-btn ul li a.right-icon, header.header .mobile-menu-icon, header.header.sticky .mobile-menu-icon { color: #323232; }

header.header .side-menu-btn ul li a.right-icon:hover, header.header.sticky .side-menu-btn ul li a.right-icon:hover, header.header .mobile-menu-icon:hover { color: #2bcdc1; }

header.header .header-top { position: relative; z-index: 10; }

header.header .header-top .container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; min-height: 100px; }

header.header .header-top .container .logo { flex-basis: 0px; flex-grow: 2; }

header.header .header-top .container .logo img { height: 70px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

header.header .header-top .container .click-to-call { flex-basis: 0px; flex-grow: 1; font-weight: 300; }

header.header .header-top .container .click-to-call a { display: inline-block; position: relative; padding-left: 50px; font-size: 24px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

header.header .header-top .container .click-to-call a .icon { position: absolute; left: 0; top: -14%; font-size: 39px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

header.header .navigation-container { position: relative; z-index: 10; }

@media (min-width: 992px) { header.header .navigation { position: relative; } }

header.header .navigation .main-nav { margin-right: auto; }

@media screen and (max-width: 991px) { header.header .navigation .main-nav { width: 300px; height: 100%; padding-top: 0px; position: fixed; top: 0; left: 0; z-index: 9999; -webkit-box-shadow: 3px 0 5px -4px #fff; -moz-box-shadow: 3px 0 5px -4px #fff; box-shadow: 3px 0 5px -4px #fff; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; } header.header .navigation .main-nav.open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }

header.header .navigation .logo { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; z-index: 999; }

header.header .navigation .logo img { max-height: 60px; max-width: 440px; }

@media (max-width: 991px) { header.header .navigation .logo img { max-width: 250px; } }

@media (max-width: 480px) { header.header .navigation .logo img { max-width: 200px; } }

.mobile-menu-icon { color: #323232; }

/*#menu-button.menu-opened .bar-icon,*/
/* logo Style */
.header.sticky .logo a img.l-white { opacity: 0; }

.background--light .header .logo a img.l-light, .background--light .header .logo a img.l-color { opacity: 0; }

.background--light .header .logo a img.l-black, .background--dark .header .logo a img.l-white { opacity: 1; }

/* Navigation Menu Style*/
.mobile-menu-icon-wraper { display: none; position: relative; float: left; margin-left: 20px; }

.mobile-menu-icon, .header.sticky .mobile-menu-icon { height: 25px; display: block; font-size: 17px; line-height: 24px; }

/* Add animation to the hamburger icon */
/* Author: duc@codebrewery.com */
/* Date: 2020-10-02*/
@keyframes animate-top-bar { 0% { top: 0;
    transform: rotate(0); }
  50% { top: 8px;
    transform: rotate(0); }
  100% { top: 8px;
    transform: rotate(45deg); } }

@keyframes animate-top-bar-2 { 0% { top: 8px;
    transform: rotate(45deg); }
  50% { top: 8px;
    transform: rotate(0deg); }
  100% { top: 0;
    transform: rotate(0deg); } }

@keyframes animate-bottom-bar { 0% { bottom: 0;
    transform: rotate(0); }
  50% { bottom: 8px;
    transform: rotate(0); }
  100% { bottom: 8px;
    transform: rotate(135deg); } }

@keyframes animate-bottom-bar-2 { 0% { bottom: 8px;
    transform: rotate(135deg); }
  50% { bottom: 8px;
    transform: rotate(0); }
  100% { bottom: 0;
    transform: rotate(0); } }

@keyframes animate-scaled-bar { 50% { transform: scale(0); }
  100% { transform: scale(0); } }

@keyframes animate-scaled-bar-2 { 0% { transform: scale(0); }
  50% { transform: scale(0); }
  100% { transform: scale(1); } }

@media screen and (max-width: 991px) { #menu-button { width: 24px; padding-top: 22px; } #menu-button span { display: block; width: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; height: 3px; background: #fff; transition: all .3s; position: relative; } #menu-button span + span { margin-top: 5px; } #menu-button.menu-opened span:nth-child(1) { animation: ease .35s animate-top-bar forwards; } #menu-button span:nth-child(1) { animation: ease .35s animate-top-bar-2 forwards; } #menu-button.menu-opened span:nth-child(2) { animation: ease .35s animate-scaled-bar forwards; } #menu-button span:nth-child(2) { animation: ease .35s animate-scaled-bar-2 forwards; } #menu-button.menu-opened span:nth-child(3) { animation: ease .35s animate-bottom-bar forwards; } #menu-button span:nth-child(3) { animation: ease .35s animate-bottom-bar-2 forwards; } }

.side-menu-btn-fix { position: fixed; top: 25px; right: 25px; z-index: 2001; font-size: 17px; }

.side-menu-btn-fix a { width: 35px; height: 35px; text-align: center; background: rgba(0, 0, 0, 0.8); display: block; border-radius: 3px; color: #fff; line-height: 34px; }

.side-menu-btn-fix a:hover { background: #2bcdc1; }

header.sticky .navigation a.current-ele { color: #2bcdc1 !important; }

/* Right Side Menu Button Style*/
.header .side-menu-btn { float: right; position: relative; }

.header .side-menu-btn > ul > li { float: left; padding: 35px 0 34px; margin-left: 20px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.header .mobile-menu-icon-wraper { float: left; padding: 35px 0 34px; margin-left: 20px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.header.sticky .side-menu-btn > ul > li, .header.sticky .mobile-menu-icon-wraper { padding: 19px 0 20px; }

.header .side-menu-btn ul li a.right-icon { display: block; position: relative; height: 25px; background-repeat: no-repeat; font-size: 17px; }

.cart .cart-notification { position: absolute; width: 16px; height: 16px; font-size: 11px; color: #fff; right: -5px; bottom: -3px; display: block; background: #2bcdc1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 700; text-align: center; line-height: 14px; }

.cart-dropdown { background: rgba(32, 32, 32, 0.95); color: #fff; position: absolute; top: 130%; right: 0; width: 250px; padding: 15px; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; color: #fff; padding-top: 10px; }

.cart-dropdown .cart-list { margin: 0px; padding: 0px; display: table; }

.cart-dropdown .cart-list li { list-style: none; padding: 15px 0px 15px 0px; display: block; margin: 0px; border-bottom: 1px solid #3e3e3e; position: relative; display: block; float: left; width: 100%; }

.cart-dropdown .cart-list li > .close-cart-list { position: absolute; right: 0px; top: 15px; width: 15px; height: 15px; display: block; background-image: none !important; color: #fff; }

.cart-dropdown .cart-list li > .close-cart-list:hover { color: #2bcdc1; background-image: none !important; }

.cart-dropdown .cart-list .media { margin-top: 0px; }

.cart-dropdown .cart-list .media .pull-left { width: 70px; }

.cart-dropdown .cart-list .media .pull-left img { width: 100%; }

.cart-dropdown .cart-list .media .media-body { width: 125px; }

.cart-dropdown .cart-list .media h6, .cart-dropdown .cart-list .media h5, .cart-dropdown .cart-list .media p { margin-top: 0px; margin-bottom: 5px; }

.cart-dropdown .cart-list .media a { color: #fff; }

.cart-dropdown .cart-list .media a:hover { color: #2bcdc1; }

.cart-dropdown .cart-sub-totle { color: #fff; padding-top: 15px; }

.cart-dropdown .cart-checkout-btn a { margin-top: 15px; }

.cart-dropdown .cart-checkout-btn a.checkout { color: #fff; }

.cart-dropdown .cart-checkout-btn a.checkout:hover { /*color: #2bcdc1;*/ color: #fff; }

.header .side-menu-btn ul li:hover .cart-dropdown { visibility: visible; opacity: 1; top: 100%; }

@media (max-width: 767px) { .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper { margin-left: 16px; } .background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon { color: #323232; } .header .logo a img.l-black, .background--dark .header .logo a img.l-black { opacity: 1; } .header { background: #fff; color: #323232; } .header .logo a img.l-white { display: none; opacity: 0; } .header { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } }

@media (max-width: 991px) { /* HEADER STYLE ------------ */ .header .side-menu-btn ul li, .header .mobile-menu-icon-wraper { padding: 19px 0 20px; } /* END HEADER STYLE ------------------ */ }

.site-notification-wrapper { min-height: 120px; position: relative; z-index: 10; padding: 30px 24px; background-color: #f3f4f5; }

@media (max-width: 767px) { .site-notification-wrapper { padding: 0 15px; } }

.site-notification-wrapper .snw__inner { position: relative; padding-left: 65px; }

.site-notification-wrapper .snw__inner .icon { position: absolute; font-size: 4rem; top: 50%; left: 0; line-height: 1; transform: translateY(-50%); }

.site-notification-wrapper .snw__inner .standard-content a { color: inherit; }

.site-notification-wrapper .close { position: absolute; top: 10px; background: none; border: 0; right: 10px; z-index: 1; opacity: 0.6; color: inherit; }

.site-notification-wrapper .close i { margin: 0; }

.site-notification-wrapper .close:hover { opacity: 1; }

@media (max-width: 767px) { .site-notification-wrapper > .row { display: block; } }

.site-notification-wrapper > .row .icon { display: flex; padding-top: 18px; justify-content: center; align-items: baseline; text-align: center; font-size: 5rem; }

@media (max-width: 767px) { .site-notification-wrapper > .row .icon { font-size: 3rem; display: block; float: left; } }

.site-notification-wrapper > .row .content { height: auto; display: flex; align-items: center; overflow: hidden; }

@media (max-width: 991px) { .site-notification-wrapper > .row .content { height: auto; padding-top: 18px; padding-bottom: 18px; } }

.site-notification-wrapper > .row .content .standard-content h1, .site-notification-wrapper > .row .content .standard-content h2, .site-notification-wrapper > .row .content .standard-content h3, .site-notification-wrapper > .row .content .standard-content h4, .site-notification-wrapper > .row .content .standard-content a { color: inherit !important; }

body.menu-opened { overflow: hidden; /*menu navbar opened, hide the notification bar*/ /*header.header { .site-notification-wrapper { display: none; } }*/ }

.header-mini { position: fixed; top: -100%; left: 0; z-index: 2000; padding: 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); width: 100%; color: #2e485b; transition: top ease 0.4s; }

@media (max-width: 991px) { .header-mini { display: none; } }

header.header.sticky .header-mini { top: 0; }

header.header.sticky .header-mini .header-top { padding: 5px 0 0; }

header.header.sticky .header-mini .header-top .container { min-height: auto; }

header.header.sticky .header-mini .header-top .container .logo img { height: 40px; }

header.header.sticky .header-mini .header-top .container .click-to-call a { font-size: 16px; padding-left: 30px; }

header.header.sticky .header-mini .header-top .container .click-to-call a .icon { font-size: 24px; line-height: 1.6; }

header.header.sticky .header-mini .navigation .container > ul > li > .visible-hidden, header.header.sticky .header-mini .navigation .container > ul > li > a { padding: 12px 0; }

header.header.sticky .header-mini .navigation ul.socials > li > a { padding-left: 2px; padding-right: 2px; }

.wrapper-content { margin-top: -56px; }

@media (max-width: 991px) { .wrapper-content { margin-top: 0; padding-top: 64px; } }

/* FOOTER */
.footer { position: relative; width: 100%; display: block; padding: 40px 0; }

@media (max-width: 767px) { .footer { padding: 30px 0; } }

.footer hr { border-color: #eee; }

.footer.simplified-footer { padding-top: 20px; padding-bottom: 20px; }

.footer-logo { max-width: 125px; display: inline-block; width: 100%; }

.footer .social, .contact .social { font-size: 20px; }

.footer ul { list-style: none; margin: 0px; padding: 0px; }

.footer ul.social li { display: inline-block; margin: 0 10px 0 0; }

.contact ul.social li { display: inline-block; margin: 0 10px 0 0; }

.link-hover-animate a { transition: all 0.2s ease; }

.footer.bg-2e485b h4 { color: #fff; }

.footer .stay-connect p { font-weight: 500; }

.footer .footer-address .fa { font-size: 24px; }

.footer .footer-address p { display: flex; align-items: center; }

.footer .footer-address p.has-border-bottom { padding-bottom: 5px; border-bottom: solid 1px #a3a3a3; }

.footer .footer-text h4 { font-weight: bold; margin-bottom: 10px; }

.footer .footer-text p { margin-bottom: 10px; }

.footer .footer-links .link li { display: inline-block; margin: 0 10px; position: relative; }

.footer .footer-links .link li a, .footer .footer-links .link li .visible-hidden { display: inline-block; font-weight: normal; letter-spacing: 2px; }

@media (max-width: 767px) { .footer .footer-links .link li a, .footer .footer-links .link li .visible-hidden { text-decoration: underline; } }

.footer .footer-links .link li .visible-hidden { font-weight: bold; }

.footer .footer-links .link li a { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }

.footer .footer-links .link li a:after { display: block; width: 0; height: 3px; content: ""; position: absolute; bottom: -2px; left: 0; z-index: 1; transition: all 0.25s ease; opacity: 0; }

.footer .footer-links .link li a:hover { font-weight: bold; }

.footer .footer-links .link li a:hover:after { width: 50%; opacity: 1; }

.footer .link-small a { text-transform: none; }

.footer-copyright { position: relative; text-align: center; color: #2e485b; background-color: #fff; }

.footer-copyright p { margin: 0; }

.newsletter .section-title { font-size: 16px; font-weight: bold; color: inherit; }

.newsletter .form-view .form-control { color: #fff; }

.newsletter .form-view .btn[type='submit'] { padding-left: 20px; padding-right: 20px; text-transform: none; }

/* Navigation */
.navigation, .navigation ul, .navigation ul li, .navigation ul li a, .navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.navigation:after, .navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.navigation #menu-button { display: none; }

@media (min-width: 991px) { .navigation .logo { display: none !important; } }

.navigation { font-size: 14px; font-weight: 400; padding-top: 0; background-color: rgba(255, 255, 255, 0.85); /*ul li .nav-dropdown { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }*/ /*.container ul li.nav-has-sub:hover > .submenu-button:before, .container ul li.nav-has-sub:hover > .submenu-button:after { background-color: #fff; }*/ /*.container ul li.nav-has-sub.active > .submenu-button:before, .container ul li.nav-has-sub.active > .submenu-button:after { background-color: #a5005e; }*/ /*.container ul li.search-box .input-group-btn > .btn { color: #a5005e; }*/ }

.navigation .container > ul > li { float: left; position: relative; margin-right: 52px; }

.navigation .container > ul > li > .visible-hidden, .navigation .container > ul > li > a { display: block; padding: 21px 0; font-weight: normal; letter-spacing: 2px; text-decoration: none; transition: all 0.25s ease 0s; outline: none; letter-spacing: 1.5px; line-height: 1; white-space: nowrap; }

.navigation .container > ul > li > a { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; /* hover style for all levels*/ }

.navigation .container > ul > li > a:after { content: ' '; display: block; position: absolute; bottom: 0; left: 0; height: 4px; width: 0; background-color: #2e485b; opacity: 0; transition: all 0.25s ease; }

.navigation .container > ul > li > .visible-hidden { font-weight: bold; margin-right: 1px; /*sometime the width of bold font less than normal font*/ }

@media screen and (max-width: 991px) { .navigation .container ul li:not(.socials-sm):hover > a, .navigation .container ul li.active:not(.socials-sm) > a { /*background-color: #fff;*/ font-weight: bold; } }

.navigation .container ul li.socials-sm > a, .navigation .container ul li.socials-sm > a:hover { color: #fff; }

.navigation .container ul li.search-box .input-group-btn > .btn:hover { color: #000; }

.navigation .container ul li:hover > a:after, .navigation .container ul li.active > a:after { opacity: 1; width: 50%; }

.navigation .container ul li.nav-has-sub > .arrow { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 20px; height: 100%; z-index: 1; }

.navigation .container ul li.nav-has-sub > .arrow:before { content: ""; display: block; position: relative; width: 5px; height: 5px; top: 43%; left: 32%; border-bottom: 1px solid #0f0101; border-right: 1px solid #0f0101; transform: rotate(-45deg); transition: border-color 0.2s ease; }

.navigation .container > ul.main-nav > li.nav-has-sub > .arrow { right: -20px; }

.navigation .container > ul.main-nav > li.nav-has-sub > .arrow:before { transform: rotate(45deg); }

.navigation.align-center .container > ul { font-size: 0; text-align: center; }

.navigation.align-center .container > ul > li { display: inline-block; float: none; }

.navigation.align-center .container ul ul { text-align: left; }

.navigation.align-right .container > ul > li { float: right; }

.navigation.align-right ul ul { text-align: right; }

.navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }

.navigation.align-right li:hover > ul { right: 0; }

.navigation.align-right ul.main-nav ul li.nav-has-sub > .arrow { right: auto; left: 10px; }

.navigation.align-right ul.main-nav ul li.nav-has-sub > .arrow:before { border-bottom: 0; border-right: 0; border-top: 1px solid #0f0101; border-left: 1px solid #0f0101; }

.navigation ul ul { position: absolute; left: -9999px; top: 99.5%; z-index: 10; transition: all 0.4s ease; opacity: 0; visibility: hidden; }

.navigation ul ul ul { margin-left: 100%; top: 0; }

.navigation li:hover > ul { left: auto; opacity: 1; top: 100%; visibility: visible; }

.navigation li:hover ul.nav-sub-dropdown { top: 0; }

.navigation .nav-dropdown, .navigation .nav-sub-dropdown { padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2); }

.navigation ul ul li a { padding: 10px 20px; width: 225px; text-decoration: none; transition: color .2s ease; }

@media (max-width: 992px) { .navigation ul.socials, .navigation ul.searchs { display: none; } }

@media all and (max-width: 991px) { .navigation { width: auto; margin-left: 0px; min-height: 64px; } .navigation ul { /* display: none; */ left: 0; width: 100%; background: #fff; overflow: auto; position: fixed; top: 64px; z-index: 2; /*height: calc(100% - 64px);*/ } .navigation .container ul li > a:after { display: none; } .navigation .nav-dropdown, .navigation .nav-sub-dropdown { padding-top: 0px; padding-bottom: 0px; background: #f7f7f7; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-out; -moz-transition: max-height 0.2s ease-out; -ms-transition: max-height 0.2s ease-out; -o-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; } .navigation .nav-dropdown.open, .navigation .nav-sub-dropdown.open { max-height: auto; } .navigation li:hover > ul, .navigation li:hover ul.nav-sub-dropdown { top: auto; } .navigation ul ul { opacity: 1; visibility: visible; } .navigation .container > ul > li > a, .header.sticky .navigation > ul > li > a, .navigation .container > ul > li > .visible-hidden { padding: 14px 16px; } .navigation.align-center .container > ul, .navigation.align-right ul ul { text-align: left; } .navigation ul li, .navigation ul ul li, .navigation ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid #eee; } .navigation ul li a, .navigation ul ul li a { width: 100%; } .navigation .container > ul > li, .navigation.align-center .container > ul > li, .navigation.align-right .container > ul > li { float: none; display: block; /* max-width: 750px; */ margin-left: auto; margin-right: auto; } .navigation .container > ul > li:first-child, .navigation.align-center .container > ul > li:first-child, .navigation.align-right .container > ul > li:first-child { border-top: 0; } .navigation ul ul li a { padding: 20px 20px 20px 30px; color: #323232; background: none; } .navigation .nav-dropdown, .navigation .nav-sub-dropdown { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navigation .container ul li.nav-has-sub .arrow { display: none; } .navigation .container ul li.nav-has-sub > a { padding-right: 55px; } .header.sticky .navigation ul ul li a, .header .navigation ul ul li a { padding: 12px 20px 12px 30px; color: #323232; } .header.sticky .navigation ul ul ul li a, .header .navigation ul ul ul li a { padding: 12px 20px 12px 45px; } .header.sticky .navigation ul ul ul ul li a, .header .navigation ul ul ul ul li a { padding: 12px 20px 12px 60px; } .navigation ul ul li:hover > a { color: #e6ae49; } .navigation ul ul ul li a { padding-left: 40px; } .navigation ul ul, .navigation ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #menu-line { display: none; } .navigation #menu-button { display: inline-block; padding: 22px 0 20px; margin-right: 15px; color: #fff; cursor: pointer; font-size: 12px; z-index: 9999; float: right; } .navigation .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid #eee; height: 43px; width: 42px; cursor: pointer; } .navigation .submenu-button::after { content: ''; position: absolute; top: 16px; left: 21px; display: block; width: 1px; height: 11px; background: #323232; z-index: 99; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; } .navigation .submenu-button::before { content: ''; position: absolute; left: 16px; top: 21px; display: block; width: 11px; height: 1px; background: #323232; z-index: 99; } .navigation .submenu-button.submenu-opened:after { /* display: none; */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } }

@media (max-width: 1024px) { .navigation .container > ul.main-nav > li.nav-has-sub > .arrow { right: -25px; } .navigation .container > ul > li { margin-right: 35px; } }

@media (max-width: 1200px) { .navigation ul.socials { display: none; } .navigation .container > ul > li { margin-right: 35px; } }

.navigation ul.socials > li { margin-right: 0; margin-left: 3px; }

.navigation ul.socials > li > a { position: static; padding-left: 5px; padding-right: 5px; }

.navigation ul.socials > li > a .fa { font-size: 14px; }

.navigation ul.socials > li:hover > a { font-weight: 400; }

.navigation ul.socials > li:hover > a:after { display: none; }

.navigation .main-nav li.socials-sm { padding: 14px 16px; }

.navigation .main-nav li.socials-sm > a { position: static; width: auto; display: inline-block; margin-right: 10px; padding: 0; font-size: 20px; }

body.menu-opened { position: relative; }

body.menu-opened:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 5; }

body.menu-opened .navigation-container:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 5; }

/*! bootstrap-progressbar v0.8.5 | Copyright (c) 2012-2015 Stephan Groß | MIT license | http://www.minddust.com */
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }

.progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success { background-color: #5cb85c; }

.progress-bar-info { background-color: #5bc0de; }

.progress-bar-warning { background-color: #f0ad4e; }

.progress-bar-danger { background-color: #d9534f; }

.progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress { position: relative; overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px; }

.progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; }

.progress .progressbar-front-text { display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center; }

.progress.right .progress-bar { right: 0; }

.progress.right .progressbar-front-text { position: absolute; right: 0; }

.progress.vertical { width: 20px; height: 100%; float: left; margin-right: 20px; }

.progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; }

.progress.vertical.bottom { position: relative; }

.progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; }

.progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; }

/*  Tipper v3.1.0 - 2014-11-25  A jQuery plugin for simple tooltips. Part of the formstone library.  http://formstone.it/tipper/  Copyright 2014 Ben Plum; MIT Licensed  */
.tipper { width: 1px; height: 1px; position: absolute; top: -999px; left: -999px; z-index: 10; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.tipper * { -webkit-transition: none; transition: none; }

.tipper.visible { opacity: 1; }

.tipper .tipper-content { background: #323232; border-radius: 3px; color: #ffffff; display: block; float: left; font-size: 12px; margin: 0; padding: 7px 15px; position: relative; white-space: nowrap; }

.tipper .tipper-caret { width: 0; height: 0; content: ''; display: block; margin: 0; position: absolute; }

.tipper.right .tipper-content { box-shadow: 1px 0 5px rgba(0, 0, 0, 0.35); }

.tipper.right .tipper-caret { top: 0; left: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #323232; }

.tipper.left .tipper-content { box-shadow: -1px 0 5px rgba(0, 0, 0, 0.35); }

.tipper.left .tipper-caret { top: 0; right: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #323232; }

.tipper.top .tipper-caret, .tipper.bottom .tipper-caret { display: block; float: none; margin: 0 auto; }

.tipper.top .tipper-content { box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35); }

.tipper.top .tipper-caret { bottom: -5px; left: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #323232; }

.tipper.bottom .tipper-content { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35); }

.tipper.bottom .tipper-caret { top: -5px; left: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #323232; }

.tipper, .tipper * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }

.tipper, .tipper *, .tipper *:before, .tipper *:after { box-sizing: border-box; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: #fff; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 32px; overflow: visible; background: rgba(0, 0, 0, 0); }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { background: rgba(0, 0, 0, 0); padding: 1px; }

#cboxLoadingGraphic { background: url(../../img/loading.GIF) no-repeat center center; }

#cboxLoadingOverlay { background: rgba(0, 0, 0, 0); }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #323232; font-weight: 600; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../../img/cbox-controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }

#cboxPrevious:hover { background-position: 0px -25px; }

#cboxNext { background-position: -25px 0px; right: 22px; }

#cboxNext:hover { background-position: -25px -25px; }

#cboxClose { background-position: -50px 0px; right: 0; }

#cboxClose:hover { background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

/* General styles for all menus */
.cbp-spmenu { position: fixed; }

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 270px; height: 100%; top: 0; overflow-y: auto; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

.cbp-spmenu-horizontal { width: 100%; height: 64px; left: 0; overflow: hidden; top: 0; }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -270px; }

.cbp-spmenu-right { right: -270px; }

.cbp-spmenu-left.menu-open { left: 0px; }

.cbp-spmenu-right.menu-open { right: 0px; }

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top { top: -64px; }

.cbp-spmenu-bottom { bottom: -100px; }

.cbp-spmenu-top.menu-open { top: 0px; }

.cbp-spmenu-bottom.menu-open { bottom: 0px; }

/* Push classes applied to the body */
.push-body { overflow-x: hidden; position: relative; left: 0; }

.push-body-toright { left: 270px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

.push-body-toleft { left: -270px; }

.push-body-totop { top: 64px; }

.push-body, .cbp-spmenu-push { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

@media (max-width: 767px) { .section-ourteam .nf-carousel-theme .slick-dots { bottom: 75px; } }

.team-item-img { position: relative; }

.team-item-img > img { width: 100%; }

.team-item-img .team-item-detail { background: none; background-color: rgba(46, 72, 91, 0.85); text-align: center; display: -webkit-flex; display: flex; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; }

.team-item:hover .team-item-detail { opacity: 1; visibility: visible; }

.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content { margin: auto; padding: 25px; }

.team-item-img .team-item-detail .team-item-detail-inner h5 { font-size: 18px; font-weight: bold; }

.team-item-img .team-item-detail .team-item-detail-inner p { margin-bottom: 5px; font-size: 12px; font-style: italic; }

.team-item-img .team-item-detail .team-item-detail-inner .phone img { width: 15px; }

.team-item-img .team-item-detail .team-item-detail-inner .social { margin: 5px 0px 0px 0px; padding: 0px; }

.team-item-img .team-item-detail .team-item-detail-inner .social li { list-style: none; display: inline-block; margin: 0px 5px; }

.team-item-img .team-item-detail .team-item-detail-inner .social li a { color: #fff; }

.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover { color: #2bcdc1; }

.team-item-info { padding-top: 20px; text-align: center; }

.team-item-info .heading { margin-top: 0; margin-bottom: 0; font-weight: bold; font-size: 18px; }

.team-item-info p { margin-top: 0; margin-bottom: 0; font-weight: 300; }

/*-------------------------------------------------------------------------------------------*/
/*  Skills Bar      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.skillbar { position: relative; display: block; width: 100%; margin-bottom: 30px; }

.skillbar:before { background-color: #d8d8d8; content: ""; height: 8px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 0; }

.skillbar-bar { position: relative; z-index: 1; height: 8px; width: 0px; background-color: #2e485b; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }

.skillbar-title { display: inline-block; padding-right: 50px; font-size: 18px; font-weight: 300; }

.skill-bar-percent { display: block; position: absolute; right: 0; bottom: 8px; z-index: 1; font-size: 18px; font-weight: bold; }

/*-------------------------------------------------------------------------------------------*/
/*  Accordion section    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.accordion-title { cursor: pointer; display: block; position: relative; margin: 0px; padding-right: 42px; font-weight: normal; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; background-color: var(--inactive-background-colour, #f5f5f5); color: var(--inactive-colour, #3e3e3e); }

.accordion-title.active { background-color: var(--active-background-colour, #636363) !important; color: var(--active-colour, #fff); }

.accordion-title:before { content: "\f105"; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: "FontAwesome",sans-serif; position: absolute; top: 50%; right: 0; font-size: 20px; font-weight: 400; background-color: transparent; -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; }

.accordion-title.active:before { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.accordion-content { padding: 13px 20px; }

.accordion-content.defualt-hidden { display: none; margin: 0; }

.faq-section .panel-heading.accordion-title { background-color: var(--inactive-background-colour, #f5f5f5); color: var(--inactive-colour, #3e3e3e); }

.faq-section .panel-heading.accordion-title.active { background-color: var(--active-background-colour, #636363) !important; color: var(--active-colour, #fff); }

/*-------------------------------------------------------------------------------------------*/
/*  Counter          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.counter { display: inline-table; margin-bottom: 20px; font-size: 50px; }

.counter-text { margin-bottom: 10px; font-size: 13px; line-height: 17px; font-weight: 600; }

.counter-icon { margin-bottom: 10px; }

.counter-icon > img { height: 50px; }

.counter-icon > .icon { font-size: 50px; }

/*-------------------------------------------------------------------------------------------*/
/*  Service Box      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.features-box { display: flex; margin-bottom: 20px; margin-top: 5px; font-weight: 300; }

.features-box .standard-content { display: flex; flex-direction: column; justify-content: center; overflow: auto; /*because IE11 break line bug*/ }

.features-box .standard-content .heading { margin-top: 0; margin-bottom: 5px; font-size: 18px; font-weight: 800; line-height: normal; }

.features-box .standard-content a:not(.btn) { text-decoration: none; }

.features-box .standard-content p { margin-top: 0; }

.features-box-left { flex-direction: row; }

.features-box-right { flex-direction: row-reverse; }

.features-box-center { display: block; min-height: 250px; background: url("") top center no-repeat; background-size: 100% auto; }

.features-icon-left, .features-icon-right { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; flex-basis: 75px; }

.features-icon-left .ion, .features-icon-right .ion { font-size: 60px; color: inherit; }

@media (max-width: 767px) { .features-icon-left .ion, .features-icon-right .ion { margin-bottom: 10px; } }

.features-icon-left img, .features-icon-right img { max-height: 60px; max-width: 70px; }

.features-icon-left { padding-right: 20px; }

.features-icon-right { padding-left: 20px; }

.contact-box-left, .contact-box-top { display: block; position: relative; }

.contact-box-left { padding-left: 45px; text-align: left; }

.contact-icon-left { font-size: 30px; position: absolute; }

.contact-icon-top { font-size: 30px; position: absolute; text-align: center; }

.contact-icon-left { left: 0; }

@media (max-width: 991px) { .features-box-left { display: block; padding-left: 0px; text-align: center; } .features-box-right { display: block; padding-right: 0px; text-align: center; } .features-icon-left, .features-icon-right { display: block; position: relative; } .features-icon-left { padding-right: 0px; left: auto; } .features-icon-right { padding-left: 0px; right: auto; } }

/*-------------------------------------------------------------------------------------------*/
/*  Pricing       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.Pricing-box { border: 1px solid #cbcbcb; padding: 8px; text-align: center; height: 100%; background-color: #fff; }

.Pricing-box hr { border-color: #cbcbcb; }

.Pricing-box .inner { padding: 0 19px; }

.Pricing-box .spacing-box { padding: 20px 0 10px; }

.Pricing-box .price { position: relative; margin-bottom: 8px; font-weight: bold; line-height: 1.1; }

.Pricing-box .price .price-sm { font-size: 14px; position: relative; top: -5px; margin-right: 10px; }

@media (min-width: 992px) { .Pricing-box .price .price-sm { font-size: 23px; } }

@media (max-width: 767px) { .Pricing-box .price .price-sm { font-size: 14px; } }

.Pricing-box .price .price-lg { font-size: 40px; }

@media (min-width: 992px) { .Pricing-box .price .price-lg { font-size: 42px; } }

@media (max-width: 767px) { .Pricing-box .price .price-lg { font-size: 30px; } }

.Pricing-box .price-title h4, .Pricing-box .price-title h5 { margin-top: 0px; margin-bottom: 0px; font-size: 18px; font-weight: 500; }

.Pricing-box .price-tenure { font-weight: 400; }

.Pricing-box .pricing-features { text-align: left; }

@media (min-width: 992px) { .Pricing-box .pricing-features { font-size: 16px; } }

.Pricing-box .pricing-features > ul { padding-left: 19px; }

.Pricing-box .pricing-features > ul li { margin-bottom: 8px; }

.pricing-box-container.col-md-6 .Pricing-box .spacing-box { padding: 25px 0; }

.pricing-box-container.col-md-6 .Pricing-box .price .price-lg { font-size: 52px; }

@media (min-width: 992px) { .pricing-box-container.col-md-6 .Pricing-box .price .price-lg { font-size: 52px; } }

@media (max-width: 767px) { .pricing-box-container.col-md-6 .Pricing-box .price .price-lg { font-size: 30px; } }

.pricing-box-container.col-md-4 .Pricing-box .spacing-box { padding: 15px 0; }

.pricing-box-container.col-md-4 .Pricing-box .price .price-lg { font-size: 42px; }

@media (min-width: 992px) { .pricing-box-container.col-md-4 .Pricing-box .price .price-lg { font-size: 42px; } }

@media (max-width: 767px) { .pricing-box-container.col-md-4 .Pricing-box .price .price-lg { font-size: 30px; } }

.pricing-box-container.light-color a.btn, .pricing-box-container.light-color .btn { color: #fff !important; border-color: #fff !important; }

/*-------------------------------------------------------------------------------------------*/
/*  Testimonials     ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
section.testimonial-section .section-intro { margin-bottom: 15px; }

section.testimonial-section .testimonial-carousel { padding: 30px 0; background-color: #f3f4f5; }

@media (max-width: 991px) { section.testimonial-section .testimonial-carousel { padding-bottom: 15px; } }

section.testimonial-section .testimonial-carousel .slick-dots { position: relative; bottom: 0; }

section.testimonial-section .testimonial-carousel .slick-track { display: flex; align-items: center; height: 100%; }

section.testimonial-section.dark-background .testimonial-carousel { background-color: #fff; }

section.testimonial-section.light-color { color: inherit; }

section.testimonial-section.google-reviews .location-rating { margin-bottom: 5px; text-align: center; font-size: 28px; }

section.testimonial-section.google-reviews .location-rating .total-review-count { position: relative; top: -6px; }

section.testimonial-section.google-reviews .quote-author .star-rating { display: block; margin-bottom: 3px; }

section.testimonial-section.google-reviews .quote-author .author-name { display: block; margin-bottom: 12px; }

section.testimonial-section.google-reviews .quote-author img { display: inline-block; width: 100px; }

.container-icon { font-size: 25px; margin-bottom: 15px; color: inherit; }

.container-icon > img { display: inline-block; max-height: 30px; }

.testimonial { position: relative; max-width: 800px; width: 100%; margin: 0 auto; }

@media (max-width: 991px) { .testimonial { padding: 0 15px; } }

.testimonial p.lead { font-style: italic; }

.testimonial .testimonial-inner { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.quote-author { margin-top: 0; text-transform: uppercase; font-weight: bold; }

.quote-author span { font-weight: 400; }

/*-------------------------------------------------------------------------------------------*/
/* Client Logo       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
section.section-clientlogos { /*.client-carousel .owl-prev, .nf-carousel-theme .owl-next { @include breakpoint(mobile) { display: block !important; //override global behavior margin-right: 0; margin-left: 0; opacity: 1; width: 31px; height: 31px; line-height: 31px; } }*/ }

@media (max-width: 767px) { section.section-clientlogos > div { padding-bottom: 30px; } }

section.section-clientlogos .client-carousel.medium .item .client-logo { height: 120px; }

section.section-clientlogos .client-carousel.large .item .client-logo { height: 160px; }

section.section-clientlogos .client-carousel .slick-dots { display: none !important; }

@media (max-width: 991px) { section.section-clientlogos .client-carousel .slick-dots { display: block !important; bottom: -25px; } }

@media (max-width: 767px) { section.section-clientlogos .client-carousel .slick-dots { display: block !important; bottom: -50px; } }

.client-carousel { display: flex; justify-content: center; flex-basis: 0px; flex-grow: 1; padding: 0; }

.client-carousel .item { padding: 0 5px; }

@media (min-width: 768px) { .client-carousel .item { padding: 0 10px; } }

.client-carousel .item:nth-child(n+6) { display: none; }

.client-carousel.slick-initialized { display: block; overflow: initial; }

.client-carousel.slick-initialized .item:nth-child(n+6) { display: block; }

.client-logo { position: relative; height: 80px; text-align: center; }

.client-logo img { display: inline-block; max-height: 100%; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*-------------------------------------------------------------------------------------------*/
/* Icon          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.page-icon-top { padding-bottom: 20px; width: 100%; }

.page-icon-top .ion { font-size: 70px; color: inherit; }

.page-icon-top img { max-height: 70px; }

.white .page-icon-top, .white .page-icon-left, .white .features-icon-left, .white .features-icon-right { color: #fff; }

/*-------------------------------------------------------------------------------------------*/
/* Table          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.table.table-border { border: 1px solid #eee; }

.table.table-fit tr td, .table.table-fit tr th { padding: 10px 0px; }

.table.table-border tr td, .table.table-border tr th { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; }

.table.checkout tr td { vertical-align: top !important; padding: 15px; }

.table.checkout tr td:first-child { max-width: 60px; }

.table.checkout tr th:first-child { max-width: 60px; }

.table.checkout tr td:last-child, .table.checkout tr th:last-child { text-align: center; }

.table.checkout small { display: block; }

/*================================================================================================*/
/* GLOBAL STYLES       ||---------------------------- */
/*================================================================================================*/
/*-------------------------------------------------------------------------------------------*/
/* Push Menu Style (Top Seachbar Menu, Right Sidebar Menu) --------------- */
/*-------------------------------------------------------------------------------------------*/
/* Sidebar Menu */
.side-menu { background: #323232; z-index: 2005; color: #fff; padding: 30px; color: #fff; overflow-y: auto; position: relative; }

.side-menu .menu-close { left: auto; position: absolute; right: 30px; top: 30px; display: inline-block; /*background: url("/img/close-white.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo") no-repeat center center;*/ color: #fff; font-size: 18px; line-height: 0; }

.side-menu .menu-close:hover { /*background: url("/img/close-color.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo");*/ color: #2bcdc1; }

.side-menu a { color: #fff; font-weight: 500; font-size: 12px; }

.side-menu a:hover { color: #2bcdc1; }

.side-menu ul { padding: 0; }

.side-menu ul li { list-style: none; margin-bottom: 5px; }

.side-menu > ul > li > a { /* text-transform: uppercase; */ letter-spacing: 1px; display: block; }

.side-menu input[type="text"], .side-menu input[type="email"], .side-menu input[type="tel"], .side-menu input[type="number"], .side-menu input[type="password"], .side-menu input[type="radio"], .side-menu input[type="checkbox"] { /*border: 1px solid #1d1d1d;        background: #1d1d1d;        color: $clr-white;*/ border: none; }

.side-menu textarea, .side-menu select { /*border: 1px solid #1d1d1d;        background: #1d1d1d;        color: $clr-white;*/ border: none; }

.side-menu input[type="text"]:focus, .side-menu input[type="email"]:focus, .side-menu input[type="tel"]:focus, .side-menu input[type="number"]:focus, .side-menu input[type="radio"]:focus, .side-menu input[type="checkbox"]:focus, .side-menu input[type="password"]:focus { /*border-color: #2bcdc1;            color: $clr-white;*/ }

.side-menu textarea:focus, .side-menu select:focus { /*border-color: #2bcdc1;            color: $clr-white;*/ }

.side-menu .sign-in { padding-bottom: 30px; border-bottom: 1px solid #3e3e3e; margin-bottom: 30px; }

.side-menu .sign-in a { color: #fff; font-style: italic; font-weight: 400; font-size: 12px; display: inline-block; margin-top: 10px; }

.side-menu .sign-in a:hover { color: #2bcdc1; text-decoration: underline; }

.side-menu .logo { max-width: 120px; width: 100%; }

.side-menu .social { list-style: none; }

.side-menu .social li { display: inline-block; margin: 0 10px 0 0; }

.side-menu .social li a { font-size: 16px; }

/* Top Searchbar Menu */
.top-search-bar { background: #444444; z-index: 2002; color: #fff; padding-top: 10px; }

.top-search-bar .search-wraper { position: relative; }

.top-search-bar input { background-color: rgba(255, 255, 255, 0); border: none; font-size: 16px; color: #fff; padding: 10px 40px; margin: 0; letter-spacing: 1px; }

.top-search-bar input:focus { color: #fff; }

.top-search-bar .bar-close, .top-search-bar .search-bar-icon { position: absolute; top: 10px; color: #fff; /*background-image: url("/img/sidemenu-icon-light.png");*/ background-repeat: no-repeat; display: block; font-size: 20px; }

.top-search-bar .bar-close { right: 0px; left: auto; background-position: right center; }

.top-search-bar .search-bar-icon { left: 0px; background-position: left center; }

/* --------------------------------------------------------------------------------------- */
/* Contents (Body, Container, Section, etc) -------------- */
/* --------------------------------------------------------------------------------------- */
.inner-intro { min-height: 200px; height: 500px; display: block; margin-top: 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; }

@media (min-width: 992px) { .inner-intro { padding-top: 0; } }

@media (max-width: 991px) { .inner-intro { margin-top: 0; height: 536px; /*adding 36px here is because if resize browser from desktop screen to mobile screen, the menu isnot visible but the wapper-content.margin-top (made by js) still there */ } }

.inner-intro .container { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }

.inner-intro .container .title { text-align: center; }

.inner-intro .container .title.light-color { color: #fff; }

.inner-intro .container .title.light-color .h1, .inner-intro .container .title.light-color .h2, .inner-intro .container .title.light-color a { color: #fff; }

.inner-intro .container .title .h1 { margin-top: 0; font-size: 48px; font-weight: bold; letter-spacing: 2px; }

@media (max-width: 767px) { .inner-intro .container .title .h1 { font-size: 44px !important; margin-bottom: 0; } }

.inner-intro .container .title .h2 { margin-top: 0; padding: 0 8px; font-weight: bold; }

.inner-intro .container .title .page-breadcrumb { padding: 0 8px; display: inline-block; font-weight: 300; letter-spacing: 1px; }

@media (max-width: 767px) { .inner-intro .container .title .page-breadcrumb { margin-bottom: 0; } }

.inner-intro .container .title .page-breadcrumb a { display: inline-block; padding-left: 8px; padding-right: 8px; }

.inner-intro .container .title .page-breadcrumb span { display: inline-block; padding-left: 8px; padding-right: 8px; }

.inner-intro .container .title .sub-title { padding: 0 8px; font-weight: 300; font-size: 24px; }

@media (max-width: 767px) { .inner-intro .container .title .sub-title { font-size: 18px; } }

.inner-intro .container .separator { margin-right: auto; margin-left: auto; }

.inner-intro.inner-intro-extra-small { height: 250px; }

@media (max-width: 991px) { .inner-intro.inner-intro-extra-small { height: 250px; } }

@media (max-width: 767px) { .inner-intro.inner-intro-extra-small { height: 200px; } }

@media (max-width: 991px) { .inner-intro.inner-intro-small { height: 400px; } }

@media (max-width: 767px) { .inner-intro.inner-intro-small { height: 300px; } }

.inner-intro.inner-intro-large { height: 605px; }

@media (min-width: 992px) { .inner-intro.inner-intro-large { padding-top: 0; } }

@media (max-width: 991px) { .inner-intro.inner-intro-large { margin-top: 0; height: 500px; } }

@media (max-width: 767px) { .inner-intro.inner-intro-large { height: 400px; } }

.inner-intro.inner-intro-full { padding-top: 0; height: calc(100vh - 100px); height: calc(var(--vh, 1vh) * 100 - 100px); }

@media (min-width: 992px) { .inner-intro.inner-intro-full { max-height: none; } }

@media (max-width: 991px) { .inner-intro.inner-intro-full { min-height: 400px; height: calc(100vh - 64px); height: calc(var(--vh, 1vh) * 100 - 64px); } }

.inner-intro.parallax { margin-top: 0; /*position: fixed; top: 100px; left: 0; width: 100%;*/ }

@media (max-width: 991px) { .inner-intro.parallax { margin-top: 0; position: relative; top: auto; left: auto; } }

.inner-intro.parallax-initialized { position: fixed; top: 100px; left: 0; width: 100%; }

@media (max-width: 991px) { .inner-intro.parallax-initialized { top: 64px; } }

.inner-intro.overlay-dark { color: #fff; }

.inner-intro.overlay-dark a { color: #fff; }

.overlay-static-dark { position: absolute; top: 0; left: 0; width: 100%; color: #fff; height: 100%; z-index: 2; background-color: rgba(46, 72, 91, 0.4); display: -webkit-flex; display: flex; }

.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 { position: relative; }

.overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before { left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: ""; z-index: -1; }

.inner-intro.overlay-dark:before, .inner-intro.overlay-dark80:before, .inner-intro.overlay-light:before, .inner-intro.overlay-light80:before { z-index: 0; }

.hero .overlay-dark:before, .hero .overlay-dark80:before, .hero .overlay-light:before, .hero .overlay-light80:before { z-index: 0; }

.hero.hero-video { background-size: cover; background-position: center center; background-repeat: no-repeat; }

.hero.hero-video.overlay-dark:before, .hero.hero-video .overlay-dark80:before, .hero.hero-video .overlay-light:before, .hero.hero-video .overlay-light80:before { z-index: 1; }

.hero.hero-video .container { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; z-index: 2; }

.hero.hero-video .container .title { text-align: center; }

.hero.hero-video .container .title.light-color { color: #fff; }

.hero.hero-video .container .title.light-color .h1, .hero.hero-video .container .title.light-color a { color: #fff; }

.hero.hero-video .container .title .h1 { margin-top: 0; font-size: 48px; font-weight: bold; letter-spacing: 2px; }

.hero.hero-video .container .title .page-breadcrumb { padding: 0 8px; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }

.hero.hero-video .container .title .page-breadcrumb a { display: inline-block; padding-left: 8px; padding-right: 8px; }

.hero.hero-video .container .title .page-breadcrumb span { display: inline-block; padding-left: 8px; padding-right: 8px; }

.hero.hero-video .container .title .sub-title { padding: 0 8px; font-weight: 300; font-size: 24px; text-transform: uppercase; }

@media (max-width: 767px) { .hero.hero-video .container .title .sub-title { font-size: 18px; } }

.hero.hero-video .container .separator { margin-right: auto; margin-left: auto; }

.overlay-dark:before { background-color: rgba(46, 72, 91, 0.4); }

.overlay-dark80:before { background-color: rgba(46, 72, 91, 0.8); }

.overlay-light:before { background-color: rgba(255, 255, 255, 0.4); }

.overlay-light80:before { background-color: rgba(255, 255, 255, 0.8); }

.full-screen-intro { overflow: hidden; position: relative; }

.content-cap-wraper { display: table; position: relative; height: 100%; width: 100%; margin: 0 auto; }

.full-cap-wraper { display: table; position: absolute; top: 0; height: 100%; width: 100%; margin: 0 auto; z-index: 1; }

.content-caption { display: table-cell; text-align: center; vertical-align: middle; }

.content-wd650 { max-width: 650px; width: 100%; margin-left: auto; margin-right: auto; }

.cont-h-100per { height: 100%; }

/*backround images*/
.bg-img { background-position: top center; background-repeat: no-repeat; background-size: cover !important; }

.bg-img-general { background-size: cover !important; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }

/*.bg-img1, .bg-img2, .bg-img3, .bg-img4, .bg-img5, .bg-img6, .bg-img7, .bg-img8, .bg-img9, .bg-img10, .bg-img11, .bg-img12, .bg-img13, .bg-img14, .bg-img15, .bg-img16, .bg-img17, .bg-img18, .bg-img19, .bg-img20, .bg-img21, .bg-img22, .bg-img23, .bg-img24, .bg-img25, .bg-img26, .bg-img27, .bg-img28, .bg-img29, .bg-img30 {    background-size: cover !important;    background-position: center center;    background-repeat: no-repeat;    background-attachment: fixed;}    */
/*.bg-img1 {    background-image: url("/img/full/01.jpg");}.bg-img2 {    background-image: url("/img/full/02.jpg");}.bg-img3 {    background-image: url("/img/full/03.jpg");}.bg-img4 {    background-image: url("/img/full/04.jpg");}.bg-img5 {    background-image: url("/img/full/05.jpg");}.bg-img6 {    background-image: url("/img/full/06.jpg");}.bg-img7 {    background-image: url("/img/full/07.jpg");}.bg-img8 {    background-image: url("/img/full/08.jpg");}.bg-img9 {    background-image: url("/img/full/09.jpg");}.bg-img10 {    background-image: url("/img/full/10.jpg");}.bg-img11 {    background-image: url("/img/full/11.jpg");}.bg-img12 {    background-image: url("/img/full/12.jpg");}.bg-img13 {    background-image: url("/img/full/13.jpg");}.bg-img14 {    background-image: url("/img/full/14.jpg");}.bg-img15 {    background-image: url("/img/full/15.jpg");}.bg-img16 {    background-image: url("/img/full/16.jpg");}.bg-img17 {    background-image: url("/img/full/17.jpg");}.bg-img18 {    background-image: url("/img/full/18.jpg");}.bg-img19 {    background-image: url("/img/full/19.jpg");}.bg-img20 {    background-image: url("/img/full/20.jpg");}.bg-img21 {    background-image: url("/img/full/21.jpg");}.bg-img22 {    background-image: url("/img/full/22.jpg");}.bg-img23 {    background-image: url("/img/full/23.jpg");}.bg-img24 {    background-image: url("/img/full/24.jpg");}.bg-img25 {    background-image: url("/img/full/25.jpg");}.bg-img26 {    background-image: url("/img/full/26.jpg");}.bg-img27 {    background-image: url("/img/full/27.jpg");}.bg-img28 {    background-image: url("/img/full/28.jpg");}.bg-img29 {    background-image: url("/img/full/29.jpg");}.bg-img30 {    background-image: url("/img/full/30.jpg");}*/
.border-b-box { padding: 25px; border-bottom: 1px solid #d8d8d8; display: inline-block; width: 100%; }

.border-box { border: 1px solid #d8d8d8; padding: 25px; }

.b-lrb-none { border-left: 0px none; border-right: 0px none; border-bottom: 0px none; }

.b-lrb-none .ui-tab-content { border-left: 0px none; border-right: 0px none; border-bottom: 0px none; }

.o-flow-hidden { overflow: hidden; }

.map { width: 100%; height: 450px; }

@media (max-width: 991px) { .map { height: auto !important; /* keep it in 1:1 Aspect Ratio */ padding-top: 100%; /* 1:1 Aspect Ratio */ } }

#map { height: 100%; }

@media (max-width: 767px) { .inner-intro .container { width: 100%; max-width: 720px; text-align: center; } /*.inner-intro .container .title h2 {            float: none;        }        .inner-intro .container .title p {            float: none;            margin-top: 0px;        }        .inner-intro .container .title .separator {            margin-left:auto;            margin-right:auto;        }*/ }

/* ===================================================================================================== */
/* Contants (Portfolio, Blog, Shop, etc) -------------------  */
/* ===================================================================================================== */
.container.nf-container1 { padding-left: 15px; padding-right: 15px; }

.container.nf-container2 { /*padding-left: 25px;    padding-right: 25px;*/ }

.nf-row1 { margin-left: -15px; margin-right: -15px; /*overflow: hidden;*/ }

.nf-col-padding { padding-left: 25px; padding-right: 25px; }

.nf-row2 { /*margin-left: -25px;    margin-right: -25px;*/ }

.nf-row1:before, .nf-row1:after { display: table; content: " "; }

.nf-row2:before, .nf-row2:after { display: table; content: " "; }

.nf-row1:after, .nf-row2:after { clear: both; }

.nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing { padding: 15px; }

.nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box { padding: 25px; }

.spacing-grid { padding-top: 25px; padding-bottom: 25px; }

.nf-col-1 .nf-item, .nf-col-1 .grid-sizer { width: 100%; min-height: 1px; }

.nf-col-2 .nf-item, .nf-col-2 .grid-sizer { width: 50%; min-height: 1px; }

.nf-col-3 .nf-item, .nf-col-3 .grid-sizer { width: 33.3333%; min-height: 1px; }

.nf-col-4 .nf-item, .nf-col-4 .grid-sizer { width: 25%; min-height: 1px; }

.nf-col-5 .nf-item, .nf-col-5 .grid-sizer { width: 20%; min-height: 1px; }

.nf-col-6 .nf-item, .nf-col-6 .grid-sizer { width: 16.6666%; min-height: 1px; }

.nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1, .nf-col-4 .nf-item.w1 { width: 100%; }

.nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2 { width: 50%; }

.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3 { width: 33.3333%; }

.nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4 { width: 25%; }

.nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2, .nf-col-4 .nf-item.w4-2, .nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2, .nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 { width: 50%; }

.nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1 { width: 75%; }

.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 66.6666%; }

@media (max-width: 991px) { .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 50%; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 33.3333%; } .nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing { padding: 25px; } }

@media (max-width: 767px) { .container { margin: 0 auto; width: 100%; } .nf-col-padding { padding-left: 15px; padding-right: 15px; } .spacing-grid { padding-top: 15px; padding-bottom: 15px; } .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 100%; max-width: 480px; margin: 0 auto; } .nf-col-2, .nf-col-3, .nf-col-4 { margin: 0 auto; max-width: 480px; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } .nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box { padding: 15px; } .xs-hidden { visibility: hidden !important; display: none !important; opacity: 0; } }

@media (max-width: 480px) { .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } }

/* ----------------------------------------------------------------------*/
/* Sidebar Widget   ---------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.sidebar-widget { margin-bottom: 50px; }

.sidebar-widget h4 { margin: 0px; padding-top: 0; padding-bottom: 15px; }

.widget-search { position: relative; }

.widget-search input[type="text"] { padding-right: 30px; }

.widget-search input[type="submit"] { background-color: rgba(0, 0, 0, 0); border: 0 none; color: #8d8d8d; cursor: pointer; display: inline-block; float: right; font-family: "FontAwesome",sans-serif; margin: 0; outline: 0 none; white-space: nowrap; padding: 0 3px; text-decoration: none; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; position: absolute; top: 10px; right: 10px; }

.widget-search input[type="submit"]:hover { color: #2bcdc1; }

.sidebar-widget hr { margin-bottom: 15px; }

.sidebar-widget ul { margin: 0px; padding: 0px; }

.sidebar-widget ul li { list-style: none; font-weight: 400; }

.sidebar-widget ul li a { display: inline-block; padding: 0px; font-size: 13px; }

.widget-tag { display: inline-table; margin-top: 15px; }

.widget-tag li { float: left; margin-bottom: 5px; margin-right: 5px; }

.widget-tag li a { padding: 3px 7px !important; display: block; border: 1px solid; background: #2e485b; color: #fff; }

.sidebar-widget > h5 { font-size: 16px; font-weight: 500; text-transform: uppercase; }

.sidebar-widget .widget-post { position: relative; }

.sidebar-widget .widget-post .widget-post-media { width: 67px; display: table-cell; padding: 0px 14px 0px 0px; }

.sidebar-widget .widget-post li { margin-bottom: 20px; display: table; }

.sidebar-widget .widget-post a { padding: 0px; color: inherit; }

.sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video { width: 100%; vertical-align: top; }

.sidebar-widget .widget-post .widget-post-info { display: table-cell; vertical-align: top; }

@media (min-width: 992px) { .sidebar-widget .widget-post .widget-post-info { padding-right: 5px; } }

.sidebar-widget .widget-post .widget-post-info h4, .sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6 { margin-bottom: 3px; padding-bottom: 0; line-height: var(--headingLineheight, inherit); color: var(--heading4Colour, inherit); font-family: var(--headingFont, inherit); }

.sidebar-widget .widget-post .widget-post-info p { margin: 0px; }

/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav { width: 100%; display: block; position: relative; text-align: center; }

.pagination-nav ul { margin: 0px; padding: 0px; }

.pagination-nav ul li { display: inline-block; margin: 0px 2px; }

.pagination-nav ul li a { display: block; height: 36px; width: 36px; line-height: 36px; text-align: center; font-size: 14px; border: solid 1px #3e3e3e; }

.pagination-nav ul li a .fa { font-size: 20px; position: relative; top: 1px; }

.pagination-nav ul li.active a { background: #323232; color: #fff; }

/* ----------------------------------------------------------------------*/
/* Portfolio   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.container-filter { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 30px; padding: 0; text-align: center; }

.container-filter li { list-style: none; display: inline-block; }

.container-filter li a { display: block; margin-left: 15px; margin-right: 15px; /* text-transform: uppercase; */ letter-spacing: 2px; font-weight: 300; color: inherit; }

.container-filter li a.active { font-weight: bold; }

.item-box { position: relative; overflow: hidden; display: block; }

.item-box a { display: inline-block; }

.item-box:hover .item-mask { opacity: 1; visibility: visible; }

.item-box:hover .item-mask .item-caption { bottom: 30px; opacity: 1; }

.item-box:hover .item-container { transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%; }

.item-container { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }

.item-mask { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height: 100%; position: absolute; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; overflow: hidden; }

.item-mask h5, .item-mask h6 { margin-bottom: 0px; }

.item-mask p { margin-bottom: 0px; /* text-transform: uppercase; */ font-size: 11px; letter-spacing: 1.5px; font-weight: 400; margin-top: 0; text-align: left; }

.item-mask .item-caption { position: absolute; bottom: -60px; left: 0px; padding-left: 30px; padding-right: 30px; text-align: left; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; opacity: 0; }

.item-mask .item-caption .white { color: #fff; }

.container-grid .nf-item .item-box { margin-left: -1px; }

ul.project-detail-block { padding-left: 0; }

.project-detail-block ul { padding-left: 0; }

.project-detail-block li { list-style: none; }

.project-detail-block p { letter-spacing: 2px; text-transform: uppercase; }

.project-detail-block p strong { display: inline-block; width: 130px; }

table.portfolio-detail-block th { width: 125px; margin-bottom: 5px; vertical-align: top; }

.item-nav { position: relative; text-align: center; display: block; overflow: hidden; }

.item-nav .item-prev, .item-nav .item-next { position: relative; display: inline-block; }

.item-nav .item-all-view { position: absolute; display: inline-block; top: 11px; left: 50%; transform: translateX(-50%); }

.item-nav .item-all-view h5, .item-nav .item-all-view h6 { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

.item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover { color: #2bcdc1; }

.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn { display: inline-block; font-size: 25px; text-align: center; height: 51px; line-height: 51px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

.item-all-view { display: inline-block; font-size: 25px; text-align: center; height: 51px; line-height: 51px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn { color: #323232; background: #fff; width: 51px; }

.item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn { background: #f7f7f7; /*color: $clr-white;*/ }

.item-nav .item-prev { text-align: left; float: left; }

.item-nav .item-next { text-align: right; float: right; }

.item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text { position: absolute; line-height: 51px; top: 10px; z-index: -1; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 150px; }

.item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text { margin-left: 0; margin-right: 0; visibility: visible; opacity: 1; }

.item-nav .item-prev .item-prev-text { left: 100%; margin-left: -110px; padding-left: 15px; }

.item-nav .item-next .item-next-text { right: 100%; margin-right: -110px; padding-right: 15px; }

.item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6 { padding-top: 8px; }

.item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 { padding-top: 8px; }

.item-nav .item-all-view h5, .item-nav .item-all-view h6 { padding-top: 8px; margin-bottom: 0; }

/* ----------------------------------------------------------------------*/
/* Blog   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
@media (max-width: 767px) { section.section-blog-list .custom-message { line-height: 27px; } }

section.section-blog-list.article-list-single-column .widget-tag { display: inline-table; margin-top: 15px; }

section.section-blog-list.article-list-single-column .widget-tag li { float: left; margin-bottom: 5px; margin-right: 5px; }

section.section-blog-list.article-list-single-column .widget-tag li a { padding: 3px 7px !important; display: block; border: 1px solid; }

section.section-blog-list.article-list-single-column .widget-tag li a:hover { background: #2e485b; color: #fff; }

section.section-blog-list.article-list-single-column .sidebar-widget a { display: block; background-color: #f7f7f7; border: 0; }

section.section-blog-list.article-list-single-column .blog-post { padding-left: 0; padding-right: 0; padding-bottom: 10px; margin-bottom: 20px; }

@media only screen and (min-width: 64em) { section.section-blog-list.article-list-single-column .blog-post { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

section.section-blog-list.article-list-single-column .blog-post .inner { box-shadow: none; }

section.section-blog-list.article-list-single-column .blog-post .inner .inner-content { padding: 0; }

section.section-blog-list.article-list-single-column .blog-post .post-media { position: relative; overflow: hidden; margin-bottom: 10px; }

section.section-blog-list.article-list-single-column .blog-post .post-header { margin-bottom: 10px; }

section.section-blog-list.article-list-single-column .blog-post .post-entry { margin-bottom: 15px; }

section.section-blog-list.article-list-single-column .blog-post .post-meta { margin-bottom: 0; font-size: 13px; }

section.section-blog-list.article-list-single-column .blog-post .post-meta a { color: inherit; }

section.section-blog-list.article-list-single-column .blog-post hr { margin-left: 0; margin-right: 0; }

.blog-post { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-bottom: 15px; border-bottom: solid 1px #d8d8d8; }

@media only screen and (min-width: 64em) { .blog-post { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.2%; flex-basis: 33.2%; max-width: 33.2%; } }

.blog-post .post-media { position: relative; overflow: hidden; }

.blog-post .post-media iframe, .blog-post .post-media img { width: 100%; }

.blog-post .post-media .category { position: absolute; top: 0; right: 0; z-index: 2; padding: 3px 14px; background: #2e485b; color: #fff; }

.blog-post .inner { height: 100%; background-color: var(--article-background-colour, #FFF); transition: background-color 0.25s ease 0s; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.12); }

.blog-post .inner:hover { background-color: var(--article-hover-background-colour, #FFF); }

.blog-post .inner .inner-content { padding: 16px 16px 6px; }

.blog-post .post-meta { margin-bottom: 5px; font-size: 13px; font-weight: 300; }

.blog-post .post-meta a { color: inherit; }

.blog-post .post-header { margin-bottom: 10px; }

.blog-post .post-header a { color: inherit; }

.blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3 { margin-top: 5px; margin-bottom: 20px; line-height: var(--headingLineheight, inherit); color: var(--heading4Colour, inherit); font-family: var(--headingFont, inherit); }

.blog-post .post-header h3 { color: var(--heading3Colour, inherit); }

.blog-post .post-header h2 { margin-bottom: 30px; color: var(--heading2Colour, inherit); }

.blog-post .post-header h4 { margin-top: 0; margin-bottom: 0; }

.blog-post .post-entry { margin-bottom: 20px; line-height: var(--bodyLineheight, inherit); }

.blog-post .post-entry p, .blog-post .post-entry blockquote { margin-bottom: 20px; }

.blog-post .post-more-link { padding-top: 5px; }

.blog-post .post-more-link a { border: 0; padding: 0; background: none; font-weight: normal; text-decoration: underline; font-style: italic; font-size: 85%; color: inherit; letter-spacing: 0; }

.blog-post .post-more-link a:hover { background: none; }

.blog-post blockquote { border-left: none; background: #f7f7f7; font-size: 17px; font-weight: 400; padding: 25px 25px; margin: 0px; color: #888; font-weight: 300; }

.blog-post blockquote:after { content: ""; font-family: "FontAwesome"; padding-left: 7px; font-size: 12px; }

.blog-post blockquote:before { content: ""; font-family: "FontAwesome"; padding-right: 7px; font-size: 12px; }

.blog-post.blog-post-detail { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0; border-bottom: 0; }

.blog-post.blog-post-detail .post-meta { margin-bottom: 15px; }

.comment-list .post-meta, .sidebar-widget .post-meta { font-size: 13px; }

.blog-post .post-meta span, .comment-list .post-meta span { margin-right: 3px; }

.post-entry ul { margin-bottom: 20px; }

.post-tag { font-size: 13px; }

.post-tag > a { display: inline-block; padding: 3px 14px; color: #fff; background-color: #2e485b; margin-right: 10px; margin-bottom: 10px; }

.blog-post-back-button a { font-weight: bold; }

.blog-post-back-button a:hover { text-decoration: underline; }

.blog-post-back-button a > i { margin-right: 8px; font-size: 12px; }

.blog-post-hr hr { margin-bottom: 45px; }

.post-author { display: inline-block; position: relative; margin-bottom: 40px; }

.post-author img { width: 80px; }

.post-author .post-author-details { margin-left: 20px; }

.post-author h6 { margin-top: 0px; }

.post-author ul.social { margin: 0px; padding: 0px; font-size: 16px; }

.post-author ul.social li { list-style: none; display: inline-block; margin: 0 5px; }

.post-comment .comment-numb { font-weight: 300; }

.post-comment .comment-list { margin-left: 0px; padding-right: 0px; list-style: none; padding: 0px; }

.post-comment .comment-list h6 { margin-top: 0px; margin-bottom: 3px; }

.post-comment .comment-list li { padding-top: 15px; position: relative; padding-left: 65px; }

.post-comment .comment-list li:first-child { padding-top: 0px; }

.post-comment .comment-list li:last-child .comment-detail { border-bottom: 0px none; }

.post-comment .comment-list .comment-reply { position: relative; padding-left: 65px; }

.post-comment .comment-list .comment-detail { border-bottom: 1px dotted #eee; padding-bottom: 15px; }

.post-comment .comment-list .comment-reply { padding-top: 20px; }

.post-comment .comment-list .comment-reply-btn i { padding-right: 3px; }

.post-comment .comment-avatar { left: 0; margin-right: 15px; position: absolute; width: 50px; }

.post-comment .comment-avatar img { width: 100%; }

.post-comment-star .star-rat { display: inline-block; }

.post-comment-star label { margin-right: 6px; }

.author-socials { margin-top: 15px; margin-bottom: 0; }

.author-socials li { display: inline-block; padding: 0 5px; }

.author-socials li a:hover { color: #cccccc; }

/* ----------------------------------------------------------------------*/
/* Shop   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.shop-item { position: relative; overflow: hidden; text-align: center; }

.shop-item .item-mask .item-mask-detail { display: flex; display: -webkit-flex; height: 100%; width: 100%; }

.shop-item .item-mask .item-mask-detail .item-mask-detail-ele { margin: auto auto; }

.item-img { display: block; position: relative; overflow: hidden; }

.shop-item-info { margin-top: 20px; text-align: center; }

.shop-item-info a:hover { color: #2bcdc1; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.shop-item-info a:hover h5, .shop-item-info a:hover h6 { color: #2bcdc1; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.shop-item-name:hover { color: #2bcdc1; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.shop-item-info .shop-item-name { margin-bottom: 5px; }

.shop-item-info .shop-item-price { font-size: 15px; color: #888; }

.shop-item-info .shop-item-price del { margin-right: 10px; color: #bbb; font-weight: 400; }

.shop-detail-info del, .sidebar-widget del { margin-right: 10px; color: #bbb; font-weight: 400; }

.shop-filter { display: inline-table; width: 100%; }

/* Shop Detail*/
.shop-detail-item { position: relative; }

.shop-detail-info h4 { line-height: 26px; }

.shop-detail-info .shop-item-price { font-size: 20px; color: #2bcdc1; font-weight: 600; }

.shop-Cart-totalbox { max-width: 450px; }

.shop-Cart-totalprice { font-size: 18px; }

/* =============================================================================================================================*/
/* Parallax ------------------- */
/* =============================================================================================================================*/
.parallax { position: relative; }

/* ============================================================================================================================*/
/* Slider ---------------------*/
/* ============================================================================================================================*/
/* -------------------------------------*/
/* Full Width Slider */
.fullwidth-slider { position: relative; overflow: hidden; }

.fullwidth-slider .item { position: relative; height: 650px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }

/* Full Screen slider---------*/
/* -------------------------------------*/
.hero { position: relative; margin-top: 0; }

@media (max-width: 991px) { .hero { margin-top: auto; } }

.hero.parallax { margin-top: auto; }

@media (max-width: 991px) { .hero.parallax { position: relative; top: auto; left: auto; } }

.hero.parallax-initialized { position: fixed; top: 100px; left: 0; width: 100%; }

@media (max-width: 991px) { .hero.parallax-initialized { top: 64px; } }

@media (min-width: 992px) { .hero.inner-intro-large { height: 605px; } .hero.inner-intro-large .hero-slider { height: 605px; } .hero.inner-intro-large .hero-slider .item { height: 605px; } }

@media (max-width: 991px) { .hero.inner-intro-large { height: 500px; } .hero.inner-intro-large .hero-slider { height: 500px; } .hero.inner-intro-large .hero-slider .item { height: 500px; } }

@media (max-width: 767px) { .hero.inner-intro-large { height: 400px; } .hero.inner-intro-large .hero-slider { height: 400px; } .hero.inner-intro-large .hero-slider .item { height: 400px; } }

@media (min-width: 992px) { .hero.inner-intro-small { height: 500px; } .hero.inner-intro-small .hero-slider { height: 500px; } .hero.inner-intro-small .hero-slider .item { height: 500px; } }

@media (max-width: 991px) { .hero.inner-intro-small { height: 400px; } .hero.inner-intro-small .hero-slider { height: 400px; } .hero.inner-intro-small .hero-slider .item { height: 400px; } }

@media (max-width: 767px) { .hero.inner-intro-small { height: 300px; } .hero.inner-intro-small .hero-slider { height: 300px; } .hero.inner-intro-small .hero-slider .item { height: 300px; } }

@media (min-width: 992px) { .hero.inner-intro-extra-small { height: 250px; } .hero.inner-intro-extra-small .hero-slider { height: 250px; } .hero.inner-intro-extra-small .hero-slider .item { height: 250px; } }

@media (max-width: 991px) { .hero.inner-intro-extra-small { height: 250px; } .hero.inner-intro-extra-small .hero-slider { height: 250px; } .hero.inner-intro-extra-small .hero-slider .item { height: 250px; } }

@media (max-width: 767px) { .hero.inner-intro-extra-small { height: 200px; } .hero.inner-intro-extra-small .hero-slider { height: 200px; } .hero.inner-intro-extra-small .hero-slider .item { height: 200px; } }

@media (max-width: 991px) { .hero.inner-intro-full { height: calc(100vh - 64px); height: calc(var(--vh, 1vh) * 100 - 64px); } }

@media (max-width: 991px) { .fullscreen-carousel { margin-top: 0; } }

.fullscreen-carousel .item { min-height: 300px; height: auto; }

.fullscreen-carousel, section.section-image-slider { overflow: hidden; position: relative; z-index: 2; }

.fullscreen-carousel .slides li, section.section-image-slider .slides li { overflow: hidden; position: relative; height: 100%; }

.fullscreen-carousel .overlay-hero, section.section-image-slider .overlay-hero { position: absolute; top: 0; width: 100%; height: 100%; left: 0; text-align: center; z-index: 0; }

.fullscreen-carousel .overlay-hero .caption-hero, section.section-image-slider .overlay-hero .caption-hero { display: flex; align-content: center; justify-content: center; width: 100%; height: 100%; margin: 0 auto; position: relative; padding: 0px; margin: 0px; }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption, section.section-image-slider .overlay-hero .caption-hero .inner-caption { display: table-cell; margin: auto; vertical-align: middle; padding-left: 25px; padding-right: 25px; }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption .h1, section.section-image-slider .overlay-hero .caption-hero .inner-caption .h1 { margin-top: 0; margin-bottom: 15px; font-size: calc(32px + 0.390625vw) !important; }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption h2.h2, section.section-image-slider .overlay-hero .caption-hero .inner-caption h2.h2 { margin-top: 0; padding-top: 0; font-weight: bold; line-height: 1.2em; font-size: calc(19px + 0.390625vw) !important; }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption p.lead, section.section-image-slider .overlay-hero .caption-hero .inner-caption p.lead { margin-bottom: 20px; font-size: 20px; font-weight: 300; }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption a.btn, .fullscreen-carousel .overlay-hero .caption-hero .inner-caption .btn, .fullscreen-carousel .overlay-hero .caption-hero .inner-caption .btn-black, section.section-image-slider .overlay-hero .caption-hero .inner-caption a.btn, section.section-image-slider .overlay-hero .caption-hero .inner-caption .btn, section.section-image-slider .overlay-hero .caption-hero .inner-caption .btn-black { color: var(--btn-text-color, inherit); border-color: var(--btn-text-color, inherit); background-color: var(--btn-color, inherit); }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption a.btn:hover, .fullscreen-carousel .overlay-hero .caption-hero .inner-caption .btn:hover, .fullscreen-carousel .overlay-hero .caption-hero .inner-caption .btn-black:hover, section.section-image-slider .overlay-hero .caption-hero .inner-caption a.btn:hover, section.section-image-slider .overlay-hero .caption-hero .inner-caption .btn:hover, section.section-image-slider .overlay-hero .caption-hero .inner-caption .btn-black:hover { color: var(--btn-text-color-hover, inherit); border-color: var(--btn-text-color, inherit); background-color: var(--btn-color-hover, inherit); }

.fullscreen-carousel .overlay-hero .caption-hero .inner-caption .btn-transparent, section.section-image-slider .overlay-hero .caption-hero .inner-caption .btn-transparent { background: transparent; color: var(--body-colour, inherit); }

.fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .h1, .fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .h2, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .h1, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .h2 { color: #fff; }

.fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption a.btn, .fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .btn, .fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .btn-black, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption a.btn, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .btn, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .btn-black { color: var(--btn-text-color, #fff); border-color: var(--btn-text-color, #fff); background-color: var(--btn-color, inherit); }

.fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption a.btn:hover, .fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .btn:hover, .fullscreen-carousel .overlay-hero .caption-hero.light-color .inner-caption .btn-black:hover, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption a.btn:hover, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .btn:hover, section.section-image-slider .overlay-hero .caption-hero.light-color .inner-caption .btn-black:hover { color: var(--btn-text-color-hover, #fff); border-color: var(--btn-text-color-hover, #fff); background-color: var(--btn-color-hover, inherit); }

@media (max-width: 991px) { section.section-image-slider .fullwidth-slider { margin-top: 0; } }

section.section-image-slider .fullwidth-slider .item { min-height: 0; height: 550px; }

@media (max-width: 991px) { section.section-image-slider .fullwidth-slider .item { height: var(--mobile-height) !important; } }

/* Fullscreen Slider Next Prev Arrow*/
.fullscreen-carousel .flex-direction-nav a { position: absolute; top: 50%; display: inline-block; margin-top: -30px; background: rgba(46, 72, 91, 0.8); color: #fff; width: 51px; height: 51px; text-align: center; font-family: 'FontAwesome'; transition: all 0.25s ease 0s; font-size: 21px; line-height: 51px; }

.fullscreen-carousel .flex-direction-nav a:hover { color: #fff; }

.fullscreen-carousel .flex-direction-nav .flex-prev { left: -51px; background-position: center left; }

.fullscreen-carousel .flex-direction-nav .flex-prev:before { content: ""; display: inline-block; }

.fullscreen-carousel .flex-direction-nav .flex-next { right: -51px; background-position: center right; }

.fullscreen-carousel .flex-direction-nav .flex-next:before { content: ""; display: inline-block; }

@media (max-width: 991px) { /* Fullscreen Slider */ .fullscreen-carousel .slides li img { width: 100%; height: 100%; } .fullscreen-carousel .overlay-hero .caption-hero { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 767px) { /* Fullscreen Slider */ .fullscreen-carousel .caption-hero h5 { margin: 0; font-size: 12px; } .fullscreen-carousel .caption-hero .separator { margin-left: auto; margin-right: auto; } .fullscreen-carousel .text-left { text-align: center; } .fullscreen-carousel.hero-slider-2 .slides li { height: 400px; } }

@media (max-width: 480px) { .fullscreen-carousel .overlay-hero .caption-hero .inner-caption { padding: 0; } }

/* -------------------------------------*/
/* Carousel-Theme (Slider Elements - Bullets, Pagination, etc..) ---------*/
/* -------------------------------------*/
.nf-carousel-theme.white .owl-controls .owl-page span { background: none repeat scroll 0 0 #fff; }

.nf-carousel-theme.white .owl-controls .owl-page.active span { background: rgba(0, 0, 0, 0); border: 2px solid #fff; }

.nf-carousel-theme .owl-controls .owl-pagination { position: absolute; z-index: 2; left: 0; text-align: center; width: 100%; margin-top: 15px; }

.nf-carousel-theme .owl-controls .owl-buttons .owl-prev, .nf-carousel-theme .owl-controls .owl-buttons .owl-next { width: 31px; height: 31px; line-height: 31px; font-size: 16px; margin-top: -15px; }

.nf-carousel-theme { overflow: hidden; }

.nf-carousel-theme .owl-prev, .nf-carousel-theme .owl-next { width: 51px; height: 51px; line-height: 51px; font-size: 21px; margin-top: -25px; background: rgba(46, 72, 91, 0.8); color: #fff; display: block; top: 50%; transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; z-index: 3; position: absolute; text-align: center; }

.nf-carousel-theme .owl-prev:hover, .nf-carousel-theme .owl-next:hover { cursor: pointer; color: #fff; }

@media (max-width: 991px) { .nf-carousel-theme .owl-prev, .nf-carousel-theme .owl-next { display: none !important; } }

.nf-carousel-theme .owl-prev { left: 0; margin-left: -51px; opacity: 0; pointer-events: none; }

.nf-carousel-theme .owl-next { right: 0; margin-right: -51px; opacity: 0; pointer-events: none; }

.nf-carousel-theme .slick-dots { position: absolute; bottom: -35px; display: block; margin-bottom: 0; width: 100%; padding: 0; list-style: none; text-align: center; direction: ltr; }

@media (max-width: 991px) { .nf-carousel-theme .slick-dots { margin-top: 20px; bottom: 8px; } }

.nf-carousel-theme .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer; }

.nf-carousel-theme .slick-dots li button { margin: 0; display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background-color: #2e485b; opacity: 0.75; border-radius: 0; }

.nf-carousel-theme .slick-dots li.slick-active button { opacity: 1; }

.nf-carousel-theme .slick-dots li:only-child { display: none; }

.nf-carousel-theme:hover .owl-prev { margin-left: 0; opacity: 1; pointer-events: initial; }

.nf-carousel-theme:hover .owl-next { margin-right: 0; opacity: 1; pointer-events: initial; }

/*===========================================================================================*/
/* Preloader ------------------------- */
/*===========================================================================================*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: none; z-index: 9999; display: block; pointer-events: none; }

#preloader .loader { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; text-align: center; }

#preloader .loader .loader-img { background: url("/img/loading.GIF?v=9E6BvoO-vK41BPeg7RR1c4g_EWo") center center no-repeat; width: 64px; height: 64px; display: block; }

/*===========================================================================================*/
/* Additional */
/*===========================================================================================*/
/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down { position: absolute; z-index: 3; bottom: 30px; left: 50%; margin-left: -15px; }

.intro-scroll-down .mouse { position: relative; display: block; width: 30px; height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px; }

.intro-scroll-down .mouse .mouse-dot { position: absolute; display: block; top: 29%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; }

.background--light .intro-scroll-down .mouse { border: 2px solid #323232; }

.background--light .intro-scroll-down .mouse .mouse-dot { background: #323232; }

@-webkit-keyframes ani-mouse { 0% { opacity: 1;
    top: 29%; }
  15% { opacity: 1;
    top: 50%; }
  50% { opacity: 0;
    top: 50%; }
  100% { opacity: 0;
    top: 29%; } }

@-moz-keyframes ani-mouse { 0% { opacity: 1;
    top: 29%; }
  15% { opacity: 1;
    top: 50%; }
  50% { opacity: 0;
    top: 50%; }
  100% { opacity: 0;
    top: 29%; } }

@keyframes ani-mouse { 0% { opacity: 1;
    top: 29%; }
  15% { opacity: 1;
    top: 50%; }
  50% { opacity: 0;
    top: 50%; }
  100% { opacity: 0;
    top: 29%; } }

/* ----------------------------------*/
/* Scroll Top Arrow */
/* ----------------------------------*/
.scroll-top { width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: 20px; right: 20px; text-align: center; font-size: 20px; background: #555; color: #fff; z-index: 99; display: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.scroll-top:hover { background: #2bcdc1; text-decoration: none; color: #fff; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

@media (max-width: 768px) { .scroll-top { opacity: 0; visibility: hidden; } }

.field-validation-valid, .validation-summary-valid { display: none; }

/*start custom css*/
.our-skill-content { display: inline; float: left; width: 100%; margin-top: 50px; }

.our-skill-content p { margin-bottom: 32px; }

.our-skill-content .progress { background-color: #f5f5f5; height: 30px; border-radius: 0; margin-bottom: 24px; }

.our-skill-content .progressbar-back-text, .our-skill-content .progressbar-front-text { font-size: 14px; height: 100%; line-height: 30px; }

.our-skill-content .progress-bar { background-color: #2bcdc1; }

.progress-title { font-size: 15px; font-weight: bold; left: 20px; line-height: 29px; position: absolute; text-transform: uppercase; top: 0; }

/* custom */
.full-width { width: 100%; }

.section-image .desciption { margin-top: 15px; }

.google-map-with-pin-section .map { width: 100%; height: 300px; }

.google-map-with-pin-section .table-hover > tbody > tr:hover { cursor: pointer; }

.google-map-with-pin-section .table > tbody > tr > td, .google-map-with-pin-section .table > tbody > tr > th, .google-map-with-pin-section .table > tfoot > tr > td, .google-map-with-pin-section .table > tfoot > tr > th, .google-map-with-pin-section .table > thead > tr > td, .google-map-with-pin-section .table > thead > tr > th { line-height: inherit; }

@media (min-width: 768px) { .section-textwithimage .row { display: flex; } }

.section-textwithimage .left, .section-textwithimage .right { float: right; }

@media (max-width: 991px) { .section-textwithimage .left, .section-textwithimage .right { float: none; width: 100%; margin-bottom: 15px; } }

@media (max-width: 991px) { .section-textwithimage .left { margin-bottom: 15px; } }

.section-textwithimage.rtl .left, .section-textwithimage.rtl .right { float: left; }

@media (max-width: 991px) { .section-textwithimage.rtl .left, .section-textwithimage.rtl .right { float: none; width: 100%; } }

@media (min-width: 768px) { .section-textwithimage .left, .section-textwithimage .right { display: flex; align-items: flex-start; } .section-textwithimage .left.top, .section-textwithimage .right.top { align-items: flex-start; } .section-textwithimage .left.middle, .section-textwithimage .right.middle { align-items: center; } .section-textwithimage .left.bottom, .section-textwithimage .right.bottom { align-items: flex-end; } }

.section-textwithimage .text-holder { width: 100%; }

section.twitter-feed .nf-item { margin-bottom: 15px; padding: 0 7px; }

section.twitter-feed .nf-item .inner { padding: 5px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 11px; position: relative; line-height: 1.15em; overflow: hidden; }

section.twitter-feed .nf-item .inner .section-user { float: left; margin: 0 7px 0 0; }

section.twitter-feed .nf-item .inner .section-user img { width: 48px; height: 48px; display: block; border: 1px solid #ccc; padding: 1px; background: #fff; }

section.twitter-feed .nf-item .inner .section-text .twitter-user { margin-bottom: 2px; display: block; }

section.twitter-feed .nf-item .inner .section-text .twitter-user a { color: #999; line-height: 1.35em; }

section.twitter-feed .nf-item .inner .section-text .twitter-user a strong { display: block; color: #323232; }

section.twitter-feed .nf-item .inner .section-text .twitter-text a { color: #38AEAE; }

section.twitter-feed .nf-item .inner .section-text .twitter-text .thumb { margin-top: 5px; display: block; text-align: center; }

section.twitter-feed .nf-item .inner .section-share { display: block; margin: 0 0 5px 0; padding: 4px 0 0; float: right; }

section.twitter-feed .nf-item .inner .section-share a { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 0 0; background: url(../img/share.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo) no-repeat 0 0; transition: none; }

section.twitter-feed .nf-item .inner .section-share a.share-reply { background-position: 0 -32px; }

section.twitter-feed .nf-item .inner .section-share a.share-reply:hover { background-position: -16px -32px; }

section.twitter-feed .nf-item .inner .section-share a.share-retweet { background-position: 0 -48px; }

section.twitter-feed .nf-item .inner .section-share a.share-retweet:hover { background-position: -16px -48px; }

section.twitter-feed .nf-item .inner .section-share a.share-favorite { background-position: 0 -64px; }

section.twitter-feed .nf-item .inner .section-share a.share-favorite:hover { background-position: -16px -64px; }

section.twitter-feed .nf-item .inner .section-share a.share-facebook { background-position: 0 0; }

section.twitter-feed .nf-item .inner .section-share a.share-facebook:hover { background-position: -16px 0; }

section.twitter-feed .nf-item .inner .section-share a.share-twitter { background-position: 0 -16px; }

section.twitter-feed .nf-item .inner .section-share a.share-twitter:hover { background-position: -16px -16px; }

section.twitter-feed .nf-item .inner .section-share a.share-google { background-position: 0 -80px; }

section.twitter-feed .nf-item .inner .section-share a.share-google:hover { background-position: -16px -80px; }

section.twitter-feed .nf-item .inner .section-share a.share-linkedin { background-position: 0 -96px; }

section.twitter-feed .nf-item .inner .section-share a.share-linkedin:hover { background-position: -16px -96px; }

section.twitter-feed .nf-item .section-intro { position: relative; padding: 4px 0; width: 100%; color: #fff; font-style: normal; font-weight: bold; font-size: 10px; background-color: #4ec2dc; }

section.twitter-feed .nf-item .section-intro a { color: #fff; }

section.twitter-feed .nf-item .section-intro a:hover { color: #fff; text-decoration: underline; }

section.twitter-feed .nf-item .section-intro .link-intro { text-decoration: underline; color: #fff; margin-left: 35px; }

section.twitter-feed .nf-item .section-intro .fa { position: absolute; bottom: 4px; left: 8px; z-index: 3; top: auto; font-size: 23px; }

section.instagram-feed .nf-item > .thumb { position: relative; }

section.instagram-feed .nf-item > .thumb:before { display: block; content: ''; position: absolute; top: 0; right: 0; width: 32px; height: 32px; z-index: 1; pointer-events: none; }

section.instagram-feed .nf-item > .thumb .insights { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-content: center; background-color: rgba(0, 0, 0, 0.3); color: #fff; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out; }

section.instagram-feed .nf-item > .thumb .insights .insights-inner { text-align: center; }

section.instagram-feed .nf-item > .thumb .insights .insights-inner > span { margin: 0 5px; }

section.instagram-feed .nf-item.inst-carousel_album > .thumb:before { background: url("../img/instagram-icons.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo") 0 0 no-repeat; }

section.instagram-feed .nf-item.inst-video > .thumb:before { display: block; background: url("../img/instagram-icons.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo") 0 -32px no-repeat; }

section.instagram-feed .nf-item:hover .insights { opacity: 1; }

section.instagram-feed .nf-item .inner { padding: 15px; }

section.instagram-feed .nf-item .inner .section-user { clear: both; display: block; font-style: italic; margin: 0 8px 5px 0; display: block; float: left; padding: 7px 0 0 15px; line-height: 12px; background: url(../img/profile.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo) no-repeat 0 7px; }

section.instagram-feed .nf-item .inner .section-text .thumb { margin-top: 0; margin-bottom: 5px; }

section.instagram-feed .nf-item .inner .section-text .thumb img { width: 100%; }

section.instagram-feed .nf-item .section-intro { background-color: #413A33; }

section.instagram-feed.isotope-container-masonry .nf-item > .thumb { display: block; overflow: hidden; }

section.instagram-feed.isotope-container-masonry .nf-item > .thumb > img { transition: transform 0.5s ease-out; will-change: transform; }

section.instagram-feed.isotope-container-masonry .nf-item > .thumb:hover > img { transform: scale(1.1); }

section.instagram-feed.isotope-container-grid .nf-item > .thumb { position: relative; display: block; width: 100%; overflow: hidden; /*make it square*/ }

section.instagram-feed.isotope-container-grid .nf-item > .thumb:after { content: ""; display: block; padding-bottom: 100%; }

section.instagram-feed.isotope-container-grid .nf-item > .thumb:hover > .img { transform: scale(1.1); }

section.instagram-feed.isotope-container-grid .nf-item > .thumb > .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f9f9fa url("") center center no-repeat; background-size: cover; transition: transform 0.5s ease-out; }

.standard-content { line-height: 1.4; }

.standard-content h2 { padding-top: 0; margin-top: 0; margin-bottom: 10px; font-size: 24px; font-weight: 800; color: #2e485b; }

.standard-content h3 { padding-top: 0; margin-top: 0; margin-bottom: 10px; font-size: 20px; }

.standard-content h4 { padding-top: 0; margin-top: 0; margin-bottom: 20px; font-size: 16px; font-weight: 300; }

.standard-content p { margin-top: 0; margin-bottom: 10px; font-weight: normal; }

.standard-content p:last-child { margin-bottom: 0; }

.standard-content a:not(.btn) { text-decoration: underline; }

.standard-content table > tbody > tr > td, .standard-content table > tbody > tr > th, .standard-content table > tfoot > tr > td, .standard-content table > tfoot > tr > th, .standard-content table > thead > tr > td, .standard-content table > thead > tr > th { padding: 8px; vertical-align: top; }

.standard-content .table > tbody > tr > td, .standard-content .table > tbody > tr > th, .standard-content .table > tfoot > tr > td, .standard-content .table > tfoot > tr > th, .standard-content .table > thead > tr > td, .standard-content .table > thead > tr > th { line-height: inherit; border-top: 0; }

.standard-content .img-full-width { margin-bottom: 20px; }

.standard-content .img-full-width img { margin-bottom: 5px; }

.standard-content .img-full-width figcaption { font-style: italic; }

.section-title { padding: 0; margin-top: 0; font-size: var(--h2FontSize, 24px); font-weight: 800; }

.section-title.sm { font-size: 20px; }

section.section-services .service-item { font-size: 13px; }

section.section-services .service-item .page-icon-top .ion { font-size: 95px; }

section.section-services .service-item .page-icon-top img { max-height: 95px; }

section.section-services .service-item a:not(.btn) { text-decoration: none; }

section.section-services .service-item .heading { margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: bold; }

section.section-portfolio .item-mask .item-caption { color: #fff; }

section.section-portfolio .item-mask h5 { font-size: 24px; font-weight: 300; }

section.section-image-gallery .container-grid { display: flex; flex-wrap: wrap; }

section.section-image-gallery .item-mask { z-index: 2; }

section.section-image-gallery .item-mask .item-caption { color: #fff; }

section.section-image-gallery .cbox-gallary-video { padding-bottom: 57%; }

section.section-image-gallery .cbox-gallary-video .item-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.section-image-gallery .cbox-gallary-video .button-play { display: block; margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/ico-video-play.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo) center center no-repeat; cursor: pointer; opacity: 0.7; background-size: 15%; }

.tabs > .nav-tabs > li.active > a { font-weight: bold; }

.tabs > .tab-content { padding-top: 15px; }

section.section-contentslider .img-top { margin-bottom: 15px; }

@media (max-width: 991px) { section.section-contentslider .nf-carousel-theme .slick-dots { position: relative; bottom: 0; } }

section.section-actionbox .section-title { margin-bottom: 10px; }

@media (max-width: 767px) { section.section-actionbox .section-title { text-align: center; } }

section.section-actionbox .standard-content { display: flex; }

@media (max-width: 767px) { section.section-actionbox .standard-content { display: block; text-align: center; } }

@media (max-width: 767px) { section.section-actionbox .standard-content .text { margin-bottom: 20px; } }

section.section-actionbox .standard-content .action-button { position: relative; }

section.section-actionbox .standard-content .action-button .btn { display: block; white-space: nowrap; margin: 0 0 0 10px; position: relative; top: 50%; transform: translateY(-50%); }

@media (max-width: 767px) { section.section-actionbox .standard-content .action-button .btn { display: inline-block; margin: 0; position: initial; top: auto; left: auto; transform: none; } }

section.section-counter .item { font-size: 18px; font-weight: 300; }

section.section-counter .item .counter-icon .icon { font-size: 75px; }

section.section-counter .item .counter-icon > img { height: 75px; }

section.section-counter .item .counter { font-size: 48px; line-height: 1; font-weight: bold; color: inherit; }

section.section-pricing { font-weight: 300; }

.form-view .g-recaptcha { display: inline-block; }

.form-view .btn[type='submit'] { padding-top: 8px; padding-bottom: 8px; }

.form-view .btn[type='submit']:disabled { pointer-events: none; }

.form-view .form-group.consent .inner { display: flex; flex-direction: row; align-items: baseline; }

.form-view .form-group.consent .inner .input { margin-right: 10px; }

.form-view .form-group.consent .inner .innher-content .text { display: block; padding: 0; margin: 0; font-weight: normal; }

.form-view .form-group.consent .inner .innher-content .link a { text-decoration: underline; }

.form-view .form-control { padding-left: 0; padding-right: 0; box-shadow: none; border-radius: 0; border: 0; border-bottom: solid 1px #a3a3a3; background: transparent; color: inherit; }

.form-view .form-control:focus { color: inherit; }

.form-view .form-control.placeholder { font-weight: 300; font-style: italic; }

.form-view .form-control:-moz-placeholder { /* Firefox 18- */ font-weight: 300; font-style: italic; }

.form-view .form-control::-moz-placeholder { /* Firefox 19+ */ font-weight: 300; font-style: italic; }

.form-view .form-control::-webkit-input-placeholder { font-weight: 300; font-style: italic; }

.form-view .form-control:-ms-input-placeholder { font-weight: 300; font-style: italic; }

.form-view .field-validation-error { font-size: 12px; color: #a94442; }

.form-view .input-validation-error { border-color: #a94442; }

.form-view .has-error .form-control { border-color: #a94442; box-shadow: none; }

.form-view .has-error .help-block { margin-top: 5px; margin-bottom: 0; font-size: 12px; color: #a94442; }

.form-view .has-success .form-control { box-shadow: none; }

/* blog page */
@media (max-width: 991px) { .blog-right-col { background-color: #f3f4f5; } }

.blog-right-col .inner { background-color: #f3f4f5; padding: 15px 15px 0; }

@media (max-width: 991px) { .blog-right-col .inner { padding: 15px 0; } }

.blog-right-col .inner hr { margin-left: -15px; margin-right: -15px; }

/* end blog page */
.section-portfolioitem { padding-top: 50px; }

@media (min-width: 992px) { .section-portfolioitem { padding-top: 50px; font-size: 16px; } }

.section-portfolioitem .portfolio-summary { font-size: 13px; }

.section-portfolioitem .container-grid { display: flex; flex-wrap: wrap; }

.section-portfolioitem .container-grid .spacing-grid { padding: 0 15px 30px; }

@media (max-width: 767px) { .section-portfolioitem .container-grid .spacing-grid { padding-bottom: 15px; } }

@media (max-width: 480px) { .section-portfolioitem .container-grid.nf-col-2, .section-portfolioitem .container-grid.nf-col-3, .section-portfolioitem .container-grid.nf-col-4 { margin-left: -15px; margin-right: -15px; } }

.section-faqtabbed .ui-widget-content { background: none; border-top: 0; color: inherit; }

.section-faqtabbed .ui-tabs .ui-tabs-nav { color: inherit; }

.section-faqtabbed .ui-tabs .ui-tabs-nav li, .section-faqtabbed .ui-tabs .ui-tabs-nav .ui-tabs-anchor { color: inherit; }

.section-faqtabbed .panel-heading.accordion-title { background-color: var(--inactive-background-colour, #f5f5f5); color: var(--inactive-colour, #3e3e3e); }

.section-faqtabbed .panel-heading.accordion-title.active { background-color: var(--active-background-colour, #636363) !important; color: var(--active-colour, #fff); }

.nf-carousel-theme .item, .slick-slider .item { display: none; direction: ltr; }

.nf-carousel-theme .item:first-child, .slick-slider .item:first-child { display: block; }

.nf-carousel-theme.slick-initialized .item, .slick-slider.slick-initialized .item { display: block; }

.image-slider .item { display: none; }

.image-slider .item:first-child { display: block; }

.light-color { color: #fff; }

.light-color a, .light-color .section-title:not(.inherit), .light-color .standard-content a, .light-color .standard-content h1, .light-color .standard-content h2, .light-color .standard-content h3, .light-color .standard-content h4, .light-color .standard-content h5, .light-color .standard-content h6, .light-color .standard-content p, .light-color .accordion-title.active, .light-color .accordion-title:before { color: #fff; }

.light-color .accordion-content.standard-content a, .light-color .accordion-content.standard-content h1, .light-color .accordion-content.standard-content h2, .light-color .accordion-content.standard-content h3, .light-color .accordion-content.standard-content h4, .light-color .accordion-content.standard-content h5, .light-color .accordion-content.standard-content h6, .light-color .accordion-content.standard-content p { color: inherit; }

.light-color.section-counter .item .counter, .light-color.section-counter .item h6 { color: #fff !important; }

.light-color-parent .section-title, .light-color-parent a.btn, .light-color-parent .btn, .light-color-parent .btn-black { color: #fff; border-color: #fff; }

.dark-background { background-color: #f3f4f5; }

.page-section.dark-background .accordion-title, .page-section.dark-background .accordion-content { background-color: #fff; }

section.section-multicol.dark-background section.page-section { background: none !important; }

section.section-multicol .page-section { background-color: transparent; }

@media (max-width: 767px) { section.section-multicol .page-section.ptb-sm-30 { padding-top: 15px; padding-bottom: 15px; } }

section.section-multicol > .container > .section-title { padding-top: 20px; }

@media (max-width: 767px) { section.section-multicol > .container > .section-title { padding-top: 10px; } }

section.section-multicol[class*='overlay-'] section.page-section, section.section-multicol[style^='background-image'] section.page-section { background: none !important; }

.simple-password-form { padding: 40px 0; }

@media (min-width: 768px) { .simple-password-form { min-height: calc(100vh - 755px); } }

.simple-password-form .form-group .form-control { padding-left: 7px; padding-right: 7px; }

section.individual-theme-section { background-position: center center; background-repeat: no-repeat; background-size: cover; }

section.section-video-gallery .video-title { margin-bottom: 15px; }

@media (max-width: 767px) { section.section-video-gallery .video-title { margin-bottom: 10px; } }

section.section-video-gallery .video-gallery-slider { margin-bottom: 30px; }

@media (max-width: 767px) { section.section-video-gallery .video-gallery-slider { margin-bottom: 15px; } }

section.section-video-gallery .video-gallery-slider .master-item { position: relative; }

section.section-video-gallery .video-gallery-slider .master-item .embed-responsive { display: none; }

section.section-video-gallery .video-gallery-slider .master-item .button-play { display: block; margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/ico-video-play.png?v=9E6BvoO-vK41BPeg7RR1c4g_EWo) center center no-repeat; cursor: pointer; opacity: 0.7; transition: opacity 0.3s; background-size: 15%; }

section.section-video-gallery .video-gallery-slider .master-item .img-responsive { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }

section.section-video-gallery .video-gallery-slider .master-item:hover .button-play { opacity: 1; }

section.section-video-gallery .video-gallery-slider-nav { margin-bottom: 30px; }

section.section-video-gallery .video-gallery-slider-nav .nav-item.has-spacing { margin-left: 5px; margin-right: 5px; }

section.section-video-gallery .video-gallery-slider-nav .nav-item > a { display: block; position: relative; }

section.section-video-gallery .video-gallery-slider-nav .nav-item .border-right { display: block; position: absolute; top: 0; right: -1px; bottom: 0; width: 1px; height: 100%; background-color: #b5b4b4; z-index: 1; }

section.section-video-gallery .video-gallery-slider-nav .nav-item .img-responsive { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }

section.section-video-gallery .video-gallery-slider-nav .nav-item .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 15px; color: #fff; background: #333; /* The Fallback */ background: rgba(51, 51, 51, 0.6); z-index: 2; overflow: hidden; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }

@media (max-width: 767px) { section.section-video-gallery .video-gallery-slider-nav .nav-item .mask { padding: 10px; font-size: 12px; line-height: 16px; } }

section.section-video-gallery .video-gallery-slider-nav .nav-item:hover .mask, section.section-video-gallery .video-gallery-slider-nav .nav-item.slick-current .mask { background: #333; /* The Fallback */ background: rgba(51, 51, 51, 0.3); }

@media (max-width: 767px) { section.section-video-gallery .video-gallery-slider-nav .slick-dots { bottom: -25px; } }

.input-group.quick-search-group .form-control { padding-left: 10px; border-right: 0; border-radius: 0; box-shadow: none; appearance: none; font-size: 14px; }

.input-group.quick-search-group .form-control:focus { outline: none; box-shadow: none; border-color: #ddd; }

.input-group.quick-search-group .input-group-btn > .btn { height: 38px; border-radius: 0; border: 1px solid #ddd; border-left: 0; background: #fff; color: #3e3e3e; }

.input-group.quick-search-group .input-group-btn > .btn:focus { outline: none; box-shadow: none; border-color: #ddd; }

.input-group.quick-search-group .input-group-btn > .btn i { margin-right: 0; }

.header .container li.search-box .quick-popover { position: absolute; top: 100%; right: 0; z-index: 1001; }

@media (max-width: 991px) { .header .container li.search-box .quick-popover { top: 48px; } }

.header .container li.search-box .quick-popover #st-1 .st-btn:hover { top: 0 !important; }

.header .container li.search-box .quick-search { width: 446px; }

.header .container li.search-box .quick-search > div { width: 425px; }

.header .container ul.searchs > li { margin-right: 0; margin-left: 10px; }

.header .container ul.searchs > li > a { position: static; padding-left: 5px; padding-right: 5px; font-size: 14px; }

.header .container ul.searchs > li:hover > a { font-weight: 400; }

.header .container ul.searchs > li:hover > a:after { display: none; }

section.section-search-result { padding-top: 0; }

section.section-search-result .searchresult-page-intro { padding: 10px 0; background-color: #f9f9fa; margin-bottom: 50px; }

section.section-search-result .section-title { margin-bottom: 0; }

section.section-search-result .searchresult-title { display: block; margin-top: 0; margin-bottom: 30px; text-align: center; font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 32px; }

@media (max-width: 991px) { section.section-search-result .searchresult-title { font-size: 28px; } }

@media (max-width: 767px) { section.section-search-result .searchresult-title { font-size: 24px; } }

section.section-search-result .searchresult-title > span { font-weight: bold; }

section.section-search-result .searchresult-title:after { display: none; }

section.section-search-result .pagination { margin: 0; }

section.section-search-result .pagination > li > a, section.section-search-result .pagination > li > span { color: inherit; }

section.section-search-result .pagination > .active > a, section.section-search-result .pagination > .active > a:focus, section.section-search-result .pagination > .active > a:hover, section.section-search-result .pagination > .active > span, section.section-search-result .pagination > .active > span:focus, section.section-search-result .pagination > .active > span:hover { color: #fff; background-color: #2e485b; border-color: #2e485b; }

section.section-search-result .result { margin-bottom: 15px; }

section.section-search-result .result .title { margin-bottom: 10px; font-weight: bold; }

section.section-search-result .result .img-responsive { width: 100%; }

@media (max-width: 767px) { section.section-search-result .result .img-responsive { margin-bottom: 15px; } }

section.section-search-result .result .result-text { padding-right: 22%; position: relative; }

@media (max-width: 767px) { section.section-search-result .result .result-text { padding-right: 0; } }

section.section-search-result .result .result-text .sapo { margin-bottom: 10px; }

section.section-search-result .result .result-text .hl { font-weight: bold; }

section.section-search-result .result .btn-view-download { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 12px 30px; }

@media (max-width: 991px) { section.section-search-result .result .btn-view-download { right: 15px; } }

@media (max-width: 767px) { section.section-search-result .result .btn-view-download { position: static; transform: none; padding: 10px 25px; top: auto; right: auto; } }

section.section-search-result hr { margin-top: 15px; margin-bottom: 15px; }

section.no-padding-tb { padding-top: 0; padding-bottom: 0; }

@media (min-width: 992px) { section.no-padding-tb { padding-top: 0; padding-bottom: 0; } }

.popover { font-family: inherit; }

.popover .popover-title { line-height: normal; letter-spacing: normal; }

section.section-event-calendar { /* center screen bootstrap modal */ }

section.section-event-calendar .event-calendar .fc-toolbar { position: relative; }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar h2 { float: none; padding: 0; margin: 0; line-height: normal; }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button { text-transform: capitalize; }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-center { display: block; position: absolute; left: 0; top: -5px; z-index: -1; width: 100%; text-align: center; }

@media (max-width: 991px) { section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-center { position: static; top: auto; margin-top: 20px; margin-bottom: 10px; } }

@media (max-width: 767px) { section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-left, section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-right { display: flex; justify-content: center; align-items: center; float: none; width: 100%; margin-bottom: 10px; overflow: auto; } }

@media (min-width: 768px) { section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-month-view .fc-widget-content .fc-scroller, section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-agenda-view .fc-widget-content .fc-scroller { height: auto !important; } }

section.section-event-calendar .event-calendar .fc-view-container .fc-view a.fc-more { font-size: 1em; font-weight: bold; }

section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-agendaWeek-view > table, section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-agendaDay-view > table { display: block; }

section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-agendaWeek-view > table .fc-body, section.section-event-calendar .event-calendar .fc-view-container .fc-view.fc-agendaDay-view > table .fc-body { display: block; max-height: 482px; overflow-y: auto; }

section.section-event-calendar .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }

section.section-event-calendar button.close { font-size: 26px; }

.modal.event-calendar-modal { text-align: center; white-space: nowrap; z-index: 2030; }

.modal.event-calendar-modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }

.modal.event-calendar-modal .modal-dialog { max-width: 93%; display: inline-block; text-align: left; vertical-align: middle; }

.modal.event-calendar-modal .modal-dialog .modal-body { white-space: normal; }

.modal.event-calendar-modal .modal-dialog .modal-body .media-object { float: left; width: 150px; height: 150px; padding-right: 0; margin-right: 10px; border-radius: 50%; object-fit: cover; }

@media (max-width: 480px) { .modal.event-calendar-modal .modal-dialog .modal-body .media-object { float: none; margin: 0 auto; margin-bottom: 10px; } }

section.section-spacer { padding: 0; }

html.wf-loading #preloader { background: rgba(255, 255, 255, 0.95); }

.rc-anchor-invisible, .grecaptcha-badge { visibility: hidden !important; opacity: 0 !important; }

section.side-column-master-section { padding-top: 0; padding-bottom: 0; }

.wrapper-content-side-column section.page-section .container { width: auto; }

.wrapper-content-side-column section.page-section:not(.section-contact1) > .container { padding-left: 0; padding-right: 0; }

.wrapper-content-side-column.aside .nf-carousel-theme { overflow: initial; }

.wrapper-content-side-column.aside .nf-carousel-theme .slick-arrow { display: none !important; }

.wrapper-content-side-column.aside .nf-carousel-theme .slick-dots { display: block; bottom: -22px; }

@media (max-width: 991px) { .wrapper-content-side-column.aside .nf-carousel-theme .slick-dots { bottom: 0; position: relative; padding-top: 5px; } }

.wrapper-content-side-column.aside .fullscreen-carousel .item { min-height: 150px; }

.wrapper-content-side-column.aside section.section-image-slider .fullwidth-slider .item { height: 200px; }

.wrapper-content-side-column.aside section.section-contact > .container .col-md-6 { width: 100% !important; }

.wrapper-content-side-column.aside section.section-contact > .container .col-md-offset-3 { margin-left: 0; }

.wrapper-content-side-column.aside section.section-contact .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

@media (max-width: 991px) { .wrapper-content-side-column.aside section.section-contact .g-recaptcha { transform: scale(0.53); -webkit-transform: scale(0.53); transform-origin: 0 0; -webkit-transform-origin: 0 0; } }

@media (max-width: 767px) { .wrapper-content-side-column.aside section.section-contact .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; } }

.wrapper-content-side-column.aside section.section-clientlogos .client-carousel .slick-arrow { display: none !important; }

.wrapper-content-side-column.aside section.section-clientlogos .client-carousel .slick-dots { display: block; }

@media (max-width: 991px) { .wrapper-content-side-column.aside section.section-clientlogos .client-carousel .slick-dots { bottom: -25px; } }

@media (max-width: 767px) { .wrapper-content-side-column.aside section.section-clientlogos .client-carousel .slick-dots { bottom: -50px; } }

/** Notification Styles Author: duc@codebrewery.com Date: 2020-10-29 */
.snw__inner { position: relative; padding-left: 65px; }

.snw__inner .icon { position: absolute; font-size: 5rem; top: 0; left: 0; }

/* Narbar style: Hamburger only */
.wrapper.nav-hamburger-only .header { height: 100px; position: fixed; top: 0; left: 0; z-index: 2000; padding: 0px; width: 100%; }

.wrapper.nav-hamburger-only .header.sticky { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.wrapper.nav-hamburger-only .header.sticky .navigation-container .navigation { background: rgba(29, 50, 58, 0.85); }

.wrapper.nav-hamburger-only .header .navigation-container { /*#menu-button-desktop:hover { color: #fff; }*/ /*#menu-button-desktop:hover > span, #menu-button-desktop:hover > span:before, #menu-button-desktop:hover > span:after { background-color: #fff; }*/ }

.wrapper.nav-hamburger-only .header .navigation-container .navigation { background-color: transparent; }

.wrapper.nav-hamburger-only .header .navigation-container .container { height: 100px; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop { display: none; position: absolute; top: 50%; left: 0; padding-top: 15px; padding-bottom: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span { position: relative; display: block; width: 30px; height: 2px; background: #fff; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span:before, .wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #fff; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span:before { top: -10px; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span:after { bottom: -10px; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button > a { padding-top: 12px; padding-bottom: 12px; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span { position: relative; display: block; width: 24px; height: 2px; background: #fff; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:before, .wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #fff; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:before { top: -8px; }

.wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:after { bottom: -8px; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .main-nav { padding-top: 60px; position: fixed; top: 0; left: 0; z-index: 9999; display: block; width: 300px; height: 100%; background-color: #1d323a; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .main-nav.open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .container > ul.main-nav > li { float: none; display: block; max-width: 750px; margin-left: auto; margin-right: auto; width: 100%; height: auto; border-top: 1px solid #eee; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .container > ul.main-nav > li > a, .wrapper.nav-hamburger-only .header .navigation-container .navigation .container > ul.main-nav > li > .visible-hidden { padding: 14px 16px; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close { position: absolute; top: 10px; right: 15px; display: block; font-size: 40px; line-height: 1; background-color: transparent; color: #fff; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close:hover, .wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close:focus { text-decoration: none; outline: none; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close:hover { color: #fff; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .header-logo { display: none; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation ul.socials, .wrapper.nav-hamburger-only .header .navigation-container .navigation ul.searchs { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.wrapper.nav-hamburger-only .header .navigation-container .navigation ul.socials > li > a .fa { font-size: 20px; }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .nav-dropdown, .wrapper.nav-hamburger-only .header .navigation-container .navigation .nav-sub-dropdown { background-color: #1a323b; }

.wrapper.nav-hamburger-only .hero.parallax-initialized, .wrapper.nav-hamburger-only .inner-intro.parallax-initialized { top: 0; }

.wrapper.nav-hamburger-only .hero.inner-intro-full .fullwidth-slider, .wrapper.nav-hamburger-only .hero.inner-intro-full .fullscreen-carousel, .wrapper.nav-hamburger-only .hero.inner-intro-full .fullscreen-carousel .item { height: 100vh; height: calc(var(--vh, 1vh) * 100); }

.wrapper.nav-hamburger-only .hero.inner-intro-full, .wrapper.nav-hamburger-only .inner-intro.inner-intro-full { height: 100vh; height: calc(var(--vh, 1vh) * 100); }

@media screen and (min-width: 992px) { .wrapper.nav-hamburger-only { /*support logo sizes in hamburger nav only model*/ } .wrapper.nav-hamburger-only .header .navigation-container .navigation { height: 100px; background-color: transparent; position: absolute; width: 100%; top: 0; } .wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop { display: block; } .wrapper.nav-hamburger-only .header .navigation-container .navigation .header-logo { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper.nav-hamburger-only .header .navigation-container .navigation .header-logo > img { max-width: 440px; max-height: 90px; } .wrapper.nav-hamburger-only .header .navigation .container > ul.main-nav > li.nav-has-sub > .arrow { right: 0; } .wrapper.nav-hamburger-only .header .navigation .container ul li > a { -webkit-transition: background-color 0.25s ease, color 0.25s ease; -moz-transition: background-color 0.25s ease, color 0.25s ease; -o-transition: background-color 0.25s ease, color 0.25s ease; transition: background-color 0.25s ease, color 0.25s ease; } .wrapper.nav-hamburger-only .header .navigation .container ul li:hover > a, .wrapper.nav-hamburger-only .header .navigation .container ul li.active > a { font-weight: normal; background-color: #fff; color: #1d323a; } .wrapper.nav-hamburger-only .header .navigation .container ul li:hover > .arrow:before, .wrapper.nav-hamburger-only .header .navigation .container ul li.active > .arrow:before { border-color: #1d323a; } .wrapper.nav-hamburger-only .header .navigation .container ul.socials li:hover > a { background-color: transparent; color: #fff; } .wrapper.nav-hamburger-only .header .navigation .container ul li:hover > a:after, .wrapper.nav-hamburger-only .header .navigation .container ul li.active > a:after { opacity: 0; } .wrapper.nav-hamburger-only .header .navigation li > ul.nav-dropdown { top: -1px; left: 100%; } .wrapper.nav-hamburger-only .header .navigation li:hover ul.nav-sub-dropdown { left: auto; } .wrapper.nav-hamburger-only .header .navigation .container > ul.main-nav > li.nav-has-sub > .arrow:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .wrapper.nav-hamburger-only .header .navigation ul ul li a { padding: 13px 16px; } .wrapper.nav-hamburger-only .header.logo-size-small .navigation-container .navigation .header-logo > img { height: 50px; } .wrapper.nav-hamburger-only .header.logo-size-medium .navigation-container .navigation .header-logo > img { height: 70px; } .wrapper.nav-hamburger-only .header.logo-size-large .navigation-container .navigation .header-logo > img { height: 90px; } }

@media screen and (max-width: 991px) { .wrapper.nav-hamburger-only .header { height: auto; background-color: transparent; } .wrapper.nav-hamburger-only .header .navigation-container .container { height: auto; } .wrapper.nav-hamburger-only .header .navigation #menu-button { float: left; padding: 19px 0 20px; margin-left: 15px; margin-right: 0; } .wrapper.nav-hamburger-only .header .navigation #menu-button span:nth-child(1), .wrapper.nav-hamburger-only .header .navigation #menu-button.menu-opened span:nth-child(1) { animation: none; } .wrapper.nav-hamburger-only .header .navigation .logo { left: 50%; transform: translate(-50%, -50%); } .wrapper.nav-hamburger-only .header .navigation .nav-dropdown, .wrapper.nav-hamburger-only .header .navigation .nav-sub-dropdown { background-color: transparent; } .wrapper.nav-hamburger-only .header .navigation ul li .nav-dropdown.open { height: auto; } .wrapper.nav-hamburger-only .header .navigation ul li .nav-sub-dropdown { display: none; } .wrapper.nav-hamburger-only .header .navigation ul li .nav-sub-dropdown.open { display: block; } .wrapper.nav-hamburger-only .header .navigation .container > ul > li > .visible-hidden { font-weight: normal; } .wrapper.nav-hamburger-only .header .navigation .container ul li.active > a { background-color: transparent; font-weight: bold; } .wrapper.nav-hamburger-only .header .navigation .container ul li:hover > a { background-color: transparent; } .wrapper.nav-hamburger-only .header.sticky + .wrapper-content { padding-top: 0; } .wrapper.nav-hamburger-only .wrapper-content { margin-top: 0; } .wrapper.nav-hamburger-only .header.logo-size-small + .wrapper-content .hero.parallax-initialized, .wrapper.nav-hamburger-only .header.logo-size-small + .wrapper-content .inner-intro.parallax-initialized, .wrapper.nav-hamburger-only .header.logo-size-medium + .wrapper-content .hero.parallax-initialized, .wrapper.nav-hamburger-only .header.logo-size-medium + .wrapper-content .inner-intro.parallax-initialized, .wrapper.nav-hamburger-only .header.logo-size-large + .wrapper-content .hero.parallax-initialized, .wrapper.nav-hamburger-only .header.logo-size-large + .wrapper-content .inner-intro.parallax-initialized { top: 0; } .wrapper.nav-hamburger-only .inner-intro.inner-intro-full { height: 100vh; height: calc(var(--vh, 1vh) * 100); } }

.wrapper.no-header .wrapper-content, .wrapper.no-hero .wrapper-content { margin-top: 0; }

.wrapper.no-header .hero.parallax-initialized, .wrapper.no-header .inner-intro.parallax-initialized, .wrapper.no-hero .hero.parallax-initialized, .wrapper.no-hero .inner-intro.parallax-initialized { top: 0; }

@media (max-width: 991px) { .wrapper.no-header .wrapper-content { padding-top: 0; } }

@media (max-width: 991px) { .wrapper.no-header .hero.inner-intro-full { height: 100vh; height: calc(var(--vh, 1vh) * 100); } }

/** Agenda Calendar Style Author: duc@codebrewery.com Date: 2020-10-29 */
.ea__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 30px 0; border-bottom: 1px solid #dfdfdf; }

.ea__item__thumbnail img { display: block; width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.ea__item__content { display: flex; flex-direction: column; align-items: center; flex: 1; margin-top: 20px; text-align: center; }

.ea__item__title { font-size: 24px; color: #ff029a; }

.ea__item__date { display: flex; flex-direction: row; align-items: center; }

.ea__item__date i { margin-right: 5px; }

.ea__item__description { font-size: 18px; margin-top: 15px; }

@media screen and (min-width: 768px) { .ea__item { flex-direction: row; align-items: flex-start; } .ea__item__content { align-items: flex-start; margin-left: 30px; margin-top: 0; text-align: left; } }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button { text-transform: capitalize; color: #fff; background: #2c3e50; background-position: unset; text-shadow: none; box-shadow: none; border: none; border-radius: 0; height: auto; padding: 0.8rem 0.8rem; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button.fc-state-hover, section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button.fc-state-active { background: #1a252f; }

section.customizableform .form-view .form-receipt { margin-bottom: 10px; }

section.section-before-and-after-image .img-container { position: relative; margin: auto; max-width: 1400px; overflow: hidden; }

section.section-before-and-after-image .img-container .before-and-after-image img { width: 100%; visibility: hidden; }

section.section-before-and-after-image .img-container .before-and-after-image.image-after { background: url("") center center no-repeat; background-size: cover; }

section.section-before-and-after-image .img-container .before-and-after-image.image-before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; width: 50%; border-right: 2px solid #0d5257; }

section.section-before-and-after-image .img-container .before-and-after-image.image-before .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("") center center no-repeat; background-size: cover; }

section.section-before-and-after-image .img-container .before-and-after-slider-input { position: absolute; top: 0; left: 0; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background-color: transparent; outline: none; margin: 0; transition: all .2s; cursor: pointer; opacity: 0; }

section.section-before-and-after-image .img-container .before-and-after-slider-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 6px; height: 600px; background-color: transparent; cursor: pointer; }

section.section-before-and-after-image .img-container .before-and-after-slider-input::-moz-range-thumb { width: 6px; height: 600px; background-color: transparent; cursor: pointer; }

section.section-before-and-after-image .img-container .before-and-after-slider-button { pointer-events: none; position: absolute; width: 35px; height: 35px; border-radius: 50%; background-color: #0d5257; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; }

section.section-before-and-after-image .img-container .before-and-after-slider-button i { color: #fff; font-size: 23px; }

body.modal-open { padding-right: 0 !important; }

section.section-download-with-form .items .item { padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; }

section.section-download-with-form .items .item + .item { margin-top: 30px; }

section.section-download-with-form .items .item .item__thumbnail { display: block; }

section.section-download-with-form .items .item .item__thumbnail img { width: 100%; }

section.section-download-with-form .items .item .item__thumbnail:before { z-index: 1; opacity: 0; transition: opacity 0.3s ease-in-out 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -webkit-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; }

section.section-download-with-form .items .item .item__thumbnail:hover:before { opacity: 1; }

@media (min-width: 768px) { section.section-download-with-form .items .item .item__thumbnail { margin-bottom: 15px; } }

section.section-download-with-form .items .item .social-share { display: inline-block; vertical-align: top; text-align: center; }

section.section-download-with-form .items .item .social-share .dropdown { display: inline-block; }

section.section-download-with-form .items .item .social-share .dropdown > button { text-align: center; border-color: #091a56; background-color: #091a56; }

section.section-download-with-form .items .item .social-share .dropdown > button .fa { margin-right: 0; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu { width: 190px; float: none; min-width: 0; top: -45px; left: -52px; }

@media (max-width: 480px) { section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu { left: -1px; } }

@media (max-width: 321px) { section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu { left: auto; right: -1px; } }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li { display: inline-block; padding: 0; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a { padding: 3px 8px; font-size: 21px; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a.link, section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a.email { color: #3D87C7; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a.facebook { color: #2374E1; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a.linkedin { color: #0A66C2; }

section.section-download-with-form .items .item .social-share .dropdown .dropdown-menu > li > a.twitter { color: #1C9BF0; }

section.section-download-with-form .items .item .item__content .item__title { display: block; margin-bottom: 15px; font-size: 18px; }

section.section-download-with-form .items .item .item__content .item__actions { margin-top: 15px; }

section.section-download-with-form .items .item .item__content .item__actions > .btn { margin-right: 8px; }

@media (max-width: 767px) { section.section-download-with-form .items .item .item__content .item__actions > .btn { margin-bottom: 10px; } }

.modal-download-with-form .required-field-indicator { margin-bottom: 15px; font-style: italic; font-size: small; color: #a94442; }

.modal-download-with-form.has-attachments .form-group.fileupload { margin-bottom: 0; }

.modal-download-with-form.has-attachments .form-group.fileupload .input-wrapper { display: inline-block; position: relative; margin-bottom: 10px; }

.modal-download-with-form.has-attachments .form-group.fileupload .input-wrapper .input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 0; }

.modal-download-with-form.has-attachments .form-group.fileupload .input-wrapper .btn { position: relative; cursor: pointer; z-index: 1; }

.modal-download-with-form.has-attachments .form-group.fileupload .help-text { padding: 0; margin-bottom: 10px; border: 0; font-style: italic; font-size: 11px; }

.modal-download-with-form.has-attachments .form-group.fileupload .selectedfiles { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }

.modal-download-with-form.has-attachments .form-group.fileupload .selectedfiles .file-item { padding: 3px 8px; margin: 0 5px 10px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; color: #fff; }

.modal-download-with-form.has-attachments .form-group.fileupload .selectedfiles .file-item > a { color: inherit; }

.modal-backdrop { z-index: 2040; /*make it over the header (1000)*/ }

.modal { z-index: 2050; /*make it over the header (1000)*/ }

.page-section.section-latest-news .latestnews-carousel { margin-left: -15px; margin-right: -15px; }

.page-section.section-latest-news .blog-post { border-bottom: 0; padding-bottom: 0; margin-bottom: 30px; }

@media (max-width: 767px) { .page-section.section-latest-news .blog-post { margin-bottom: 15px; } }

@media only screen and (min-width: 64em) { .page-section.section-latest-news .blog-post { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.2%; flex-basis: auto; max-width: unset; } }

.page-section.section-latest-news .blog-post .inner { border: 1px solid #cbcbcb; box-shadow: none; }

.page-section.parallax-scrolling-video-section .scrollvideo { height: 300vh; }

.page-section.parallax-scrolling-video-section .scrollvideo .holder { position: sticky; top: 0; height: 100vh; overflow: hidden; }

.page-section.parallax-scrolling-video-section .scrollvideo .holder .loading { padding: 5px 15px; position: absolute; top: 50%; left: 50%; overflow: hidden; z-index: 1; text-align: center; background: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%); border-radius: 10px; }

.page-section.parallax-scrolling-video-section .scrollvideo .holder .loading > img { width: 32px; }

.page-section.parallax-scrolling-video-section .scrollvideo.loaded .holder .loading { display: none; }

.page-section.parallax-scrolling-video-section .scrollvideo video { width: 100%; height: 100%; object-fit: cover; }

.page-section.parallax-scrolling-video-section .scrollvideo .scrollcard { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); background-color: rgba(255, 255, 255, 0.8); transition: transform .5s ease-out,opacity .5s ease-out; opacity: 0; max-width: 80%; width: 70%; padding: 20px; text-align: center; }

@media (max-width: 991px) { .page-section.parallax-scrolling-video-section .scrollvideo .scrollcard { max-width: 100%; width: 100%; } }

.page-section.parallax-scrolling-video-section .scrollvideo .scrollcard h2 { font-size: 85px; line-height: 1.2; margin: 0; }

@media (max-width: 991px) { .page-section.parallax-scrolling-video-section .scrollvideo .scrollcard h2 { font-size: 55px; } }

@media (max-width: 767px) { .page-section.parallax-scrolling-video-section .scrollvideo .scrollcard h2 { font-size: 45px; } }

body { font-family: var(--bodyFont), Arial, Helvetica, sans-serif; color: var(--body-colour); }

a, .standard-content a { color: var(--hyperlinkColour); }

a:hover, .standard-content a:hover { color: var(--hoverColour, --body-colour); }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus { color: var(--body-colour); }

.section-title { font-family: var(--headingFont), Arial, Helvetica, sans-serif; color: var(--heading2Colour); line-height: var(--headingLineheight); }

.h1, .standard-content h1, .h2, .standard-content h2, .h3, .standard-content h3, .h4, .standard-content h4, .h5, .standard-content h5, .h6, .standard-content h6, section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar h2, .popover .popover-title { font-family: var(--headingFont), Arial, Helvetica, sans-serif; color: var(--heading4Colour); line-height: var(--headingLineheight); }

.h1, .standard-content h1 { color: var(--heading1Colour); }

.h2, .standard-content h2 { color: var(--heading2Colour); }

.h3, .standard-content h3 { color: var(--heading3Colour); }

.inner-intro .container .title, .inner-intro .container .title a, .inner-intro .container .title .h1 { color: var(--heading1Colour); }

.h2.btn { color: var(--heading2Colour); border-color: var(--heading2Colour); }

.btn, a.btn, .standard-content a.btn { color: var(--buttonTextColour); border-color: var(--buttonColour); background-color: var(--buttonColour); }

.btn:focus, a.btn:focus, .standard-content a.btn:focus { color: var(--buttonTextColour); }

.btn:hover, a.btn:hover, .standard-content a.btn:hover { color: var(--buttonHoverTextColour); border-color: var(--buttonHoverTextColour); background-color: var(--buttonHoverColour); }

.container-icon { color: var(--primaryColour); }

.header, .header a, .header h1, .header .standard-content h1, .header h2, .header .standard-content h2, .header h3, .header .standard-content h3, .header h4, .header .standard-content h4, .header.sticky .mobile-menu-icon, .header .side-menu-btn ul li a.right-icon, .header.sticky .side-menu-btn ul li a.right-icon, .header .mobile-menu-icon, .header.sticky .mobile-menu-icon, .header.sticky .navigation ul ul li a, .header .navigation ul ul li a { color: var(--headerTextIconColour); }

/*.navigation { background-color: rgba(var(--headerColour), 0.85); }*/
.navigation .container ul li a:after, .footer .footer-links .link a:after { background-color: var(--primaryColour, #3e3e3e); }

.navigation .container ul li.active > *, .navigation .container ul li:hover > * { color: var(--headerTextIconHoverColour, #3e3e3e); }

.navigation .nav-dropdown, .navigation .nav-sub-dropdown { background-color: var(--headerColour); }

.header .header-top { background-color: var(--headerColour, #fff); }

.footer { background-color: var(--footerColour); }

.footer, .footer a, .footer .standard-content h1, .footer .standard-content h2, .footer .standard-content h3, .footer .standard-content h4 { color: var(--footerTextIconColour); }

.footer .newsletter .form-view .form-control { color: var(--footerTextIconColour); }

.nf-carousel-theme .owl-prev, .nf-carousel-theme .owl-next, .nf-carousel-theme .slick-dots li button, .skillbar-bar, section.instagram-feed .nf-item .section-intro, section.twitter-feed .nf-item .section-intro, .blog-post .post-media .category, .post-tag > a, .widget-tag li a:hover, .pagination-nav ul li.active a, .widget-tag li a { background-color: var(--primaryColour); }

.scroll-top { background-color: var(--primaryColour); }

.scroll-top:hover { background-color: var(--buttonHoverColour); }

.Pricing-box.highlight { background-color: var(--primaryColour); }

.Pricing-box.highlight a.btn, .Pricing-box.highlight .btn { color: var(--bodyColour); border-color: var(--bodyColour); }

.tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover { color: var(--primaryColour); }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .main-nav { background-color: var(--primaryColour); }

/*.team-item-img .team-item-detail { background-color: rgba(var(--hoverColour), 0.85); }*/
.wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span, .wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span::before, .wrapper.nav-hamburger-only .header .navigation-container #menu-button-desktop > span::after, .wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span, .wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:before, .wrapper.nav-hamburger-only .header .navigation-container #menu-button > a > span:after, #menu-button span { background-color: var(--headerTextIconColour); }

.wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close, .wrapper.nav-hamburger-only .header .navigation-container .navigation #menu-button-close:hover, .navigation .container ul li.socials-sm > a, .navigation .container ul li.socials-sm > a:hover { color: var(--headerTextIconColour); }

.wrapper.nav-hamburger-only .header .navigation-container .navigation .nav-dropdown, .wrapper.nav-hamburger-only .header .navigation-container .navigation .nav-sub-dropdown { background-color: var(--secondaryColour); }

.page-section.secondary-style .standard-content a, .page-section.secondary-style .container-icon, .page-section.secondary-style .ui-tabs .ui-tabs-nav li.ui-state-active a, .page-section.secondary-style .ui-tabs .ui-tabs-nav li.ui-state-active a:link, .page-section.secondary-style .ui-tabs .ui-tabs-nav li.ui-state-active a:visited { color: var(--secondaryColour); }

.page-section.secondary-style .standard-content a.btn, .page-section.secondary-style.section-counter .item .counter, .page-section.secondary-style.section-counter .item h6 { color: var(--bodyColour); }

.page-section.secondary-style .standard-content a.btn { border-color: var(--bodyColour); }

.page-section.secondary-style .nf-carousel-theme .owl-prev, .page-section.secondary-style .nf-carousel-theme .owl-next, .page-section.secondary-style .nf-carousel-theme .slick-dots li button, .page-section.secondary-style .skillbar-bar, .page-section.secondary-style.instagram-feed .nf-item .section-intro, .page-section.secondary-style.twitter-feed .nf-item .section-intro, .blog-post .post-media .category, .page-section.secondary-style .Pricing-box.highlight, .page-section.secondary-style .pagination-nav ul li.active a { background-color: var(--secondaryColour); }

.standard-content h1, .caption-hero h1, .inner-intro .container .title .h1 { font-size: var(--h1FontSize); }

.standard-content h2, .fullscreen-carousel .overlay-hero .caption-hero .inner-caption h2.h2, section.section-image-slider .overlay-hero .caption-hero .inner-caption h2.h2, .inner-intro .container .title .h2 { font-size: var(--h2FontSize, 24px); }

.standard-content h3 { font-size: var(--h3FontSize); }

.standard-content h4, .features-box .standard-content .heading, section.section-services .service-item .heading { font-size: var(--h4FontSize); }

.navigation .container ul li.nav-has-sub > .arrow:before { border-color: var(--headerTextIconColour); }

.navigation .submenu-button::before, .navigation .submenu-button::after { background-color: var(--headerTextIconColour); }

@media (max-width: 991px) { .navigation, .header .navigation .main-nav { background-color: var(--headerColour); } }

.slick-arrow:hover { background-color: var(--buttonHoverColour); }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button { color: var(--buttonTextColour); background-color: var(--buttonColour); }

section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button.fc-state-hover, section.section-event-calendar .event-calendar .fc-toolbar.fc-header-toolbar .fc-button.fc-state-active { color: var(--buttonHoverTextColour); background-color: var(--buttonHoverColour); }

section.section-before-and-after-image .img-container .before-and-after-image.image-before { border-color: var(--primaryColour); }

section.section-before-and-after-image .img-container .before-and-after-slider-button { background-color: var(--primaryColour); }

/*# sourceMappingURL=style.css.map */