/*****************************************
Table Of Contents:
Montserrat
01. General Styles
02. Preloader
03. Navigation
04. Header
05. Intro
06. HIstory
07. Services
08. Details 1
09. Details 2
10. Testimonials
11. Call Me
12. Projects
13. Project Lightboxes
14. Contact
15. Footer
16. Copyright
17. Back To Top Button
18. Extra Pages
19. Extra Pages Intro
20. Media Queries
******************************************/

/*****************************************
Colors:

- Backgrounds - light gray #fbfbfb
- Background - dark blue #153e52
- Backgrounds navbar, footer - dark gray #113448
- Buttons, bullets, icons - green #14bf98
- Headings text - black #484a46
- Body text - gray #787976
- Body text - light gray #dfe5ec
******************************************/

/*****************************************
Text Size:

10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body, html { width: 100%; height: 100%; }

body, p { color: #3C3C3C; font: 0.875rem/1.75rem "Merriweather", sans-serif; }
	.p-large { font: 0.875rem/2rem "Montserrat", sans-serif; }
	.p-small { font: 0.625rem/0.875rem "Montserrat", sans-serif; }
	.p-heading { margin-bottom: 3.5rem; text-align: center; }
	.li-space-lg li { margin-bottom: 0.375rem; }
	.indent { padding-left: 1.25rem; }
        
h1 { color: #343632; font: 500 1.5rem/1.75rem "Montserrat", sans-serif; }
h2 { color: #343632; font: 700 1.125rem/1.5rem "Montserrat", sans-serif; } 
h3 { color: #343632; font: 500 1.0rem/1.5rem "Montserrat", sans-serif; }
h4 { color: #343632; font: 700 1rem/1.125rem "Montserrat", sans-serif; }
h5 { color: #343632; font: 200 0.875rem/1rem "Montserrat", sans-serif; }
h6 { color: #343632; font: 0.7rem/0.875rem "Montserrat", sans-serif; }

a { color: #787976; text-decoration: underline; }
a:hover { color: #787976; text-decoration: underline; }
a.green { color: #14bf98; }
a.white { color: #dfe5ec; }

.testimonial-text { font-style: italic; }
.testimonial-author { font: 1rem/1.375rem "Montserrat", sans-serif; }

strong { color: #484a46; }

.section-title { color: #0f9677; font: 700 0.8125rem/1.125rem "Montserrat", sans-serif; }

.btn-solid-reg { display: inline-block; padding: 1.1875rem 1.875rem 1.1875rem 1.875rem; border: 0.125rem solid #14bf98; border-radius: 0.25rem; background-color: #14bf98; color: #fff; font: 0.75rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-solid-reg:hover { background-color: transparent; color: #14bf98; text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 0.875rem 2.125rem 0.875rem 2.125rem; border: 0.125rem solid #10735c; border-radius: 0.25rem; background-color: #10735c; color: #fff; font: 700 0.75rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: #14bf98; text-decoration: none; }
.btn-outline-reg { display: inline-block; padding: 1.1875rem 1.875rem 1.1875rem 1.875rem; border: 0.125rem solid #787976; border-radius: 0.25rem; background-color: transparent; color: #787976; font: 0.75rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-outline-reg:hover { background-color: #787976; color: #fff; text-decoration: none; }
.btn-outline-lg { display: inline-block; padding: 1.375rem 2.125rem 1.375rem 2.125rem; border: 0.125rem solid #787976; border-radius: 0.25rem; background-color: transparent; color: #787976; font: 700 0.75rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-outline-lg:hover { background-color: #787976; color: #fff; text-decoration: none; }
.btn-outline-sm { display: inline-block; padding: 1rem 1.625rem 0.9375rem 1.625rem; border: 0.125rem solid #787976; border-radius: 0.25rem; background-color: transparent; color: #787976; font: 700 0.75rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-outline-sm:hover { background-color: #787976; color: #fff; text-decoration: none; }
.form-group { position: relative; margin-bottom: 1.25rem; }
.form-group.has-error.has-danger { margin-bottom: 0.625rem; }
.form-group.has-error.has-danger .help-block.with-errors ul { margin-top: 0.375rem; }
.label-control { position: absolute; top: 0.8125rem; left: 1.375rem; color: #787976; opacity: 1; font: 400 0.875rem/1.375rem "Montserrat", sans-serif; cursor: text; transition: all 0.2s ease; }

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
    .label-control { top: 0.9375rem; }
}

.form-control-input:focus + .label-control, .form-control-input.notEmpty + .label-control, .form-control-textarea:focus + .label-control, .form-control-textarea.notEmpty + .label-control { top: 0.125rem; opacity: 1; font-size: 0.75rem; font-weight: 500; }
.form-control-input, .form-control-select { display: block; width: 100%; padding-top: 1.25rem; padding-bottom: 0.25rem; padding-left: 1.3125rem; border: 1px solid #dadada; border-radius: 0.25rem; background-color: #fff; color: #787976; font: 400 0.875rem/1.375rem "Montserrat", sans-serif; transition: all 0.2s; -webkit-appearance: none; }
.form-control-select { padding-top: 0.5rem; padding-bottom: 0.5rem; height: 3rem; }

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
	.form-control-input { padding-top: 1.25rem; padding-bottom: 0.75rem; line-height: 1.75rem; }
	.form-control-select { padding-top: 0.875rem; padding-bottom: 0.75rem; height: 3.125rem; line-height: 2.125rem; }
}

select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url('../images/down-arrow.png'); background-position: 96% 50%; background-repeat: no-repeat; outline: none; }
select::-ms-expand { display: none; }

.form-control-textarea { display: block; width: 100%; height: 8rem; padding-top: 1.25rem; padding-left: 1.3125rem; border: 1px solid #dadada; border-radius: 0.25rem; background-color: #fff; color: #787976; font: 400 1rem/1.5625rem "Montserrat", sans-serif; transition: all 0.2s; }
.form-control-input:focus, .form-control-select:focus, .form-control-textarea:focus { border: 1px solid #a1a1a1; outline: none; }
.form-control-input:hover, .form-control-select:hover, .form-control-textarea:hover { border: 1px solid #a1a1a1; }

.checkbox { font: 0.875rem/1.375rem "Montserrat", sans-serif; }

input[type='checkbox'] { vertical-align: -15%; margin-right: 0.375rem; }

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] { vertical-align: -9%; }
}

.form-control-submit-button { display: inline-block; width: 100%; height: 3.125rem; border: 0.125rem solid #10735c; border-radius: 0.25rem; background-color: #10735c; color: #fff; font: 500 1rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s; }
.form-control-submit-button:hover { background-color: transparent; color: #10735c; }

/* Form Success And Error Message Formatting */
#lmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#lmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center { display: block; 	margin-bottom: 0; color: #b93636; font: 400 1.125rem/1rem "Montserrat", sans-serif; }

.help-block.with-errors .list-unstyled { color: #787976; font-size: 0.75rem; line-height: 1.125rem; text-align: left; }
.help-block.with-errors ul { margin-bottom: 0; }
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
    from { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes tada { 
    from { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: all 0.2s ease-out; -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);  -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);  transform: translateY(0) perspective(37.5rem) rotateX(0);  }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);  -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);  transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);  }

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; transition: opacity 0.2s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn { 
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeIn { 
	from { opacity: 0; }
	to { opacity: 1; }
}

.fadeIn { -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; }

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.fadeOut { -webkit-animation: fadeOut 0.8s; animation: fadeOut 0.8s; }
/* end of fade animation for image slider - magnific popup */


/*************************/
/*      02. Preloader     */
/*************************/
.spinner-wrapper { position: fixed; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; background: #113448; }

.spinner { position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; text-align: center; }
.spinner > div { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background-color: #fff; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay { 
	0%, 80%, 100% { -webkit-transform: scale(0); } 
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {  -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 
	40% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom { padding-top: 0.375rem; padding-bottom: 0.375rem; background-color: #113448; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); font: 400 0.875rem "Montserrat", sans-serif; transition: all 0.2s; }
.navbar-custom .navbar-brand { font-size: 0; }
.navbar-custom .navbar-brand.logo-image img { width: 16.0rem; -webkit-backface-visibility: hidden; }
.navbar-custom .navbar-nav { margin-top: 0.375rem; margin-bottom: 0.5rem; }
.navbar-custom .nav-item .nav-link { padding: 0.625rem 0.75rem 0.625rem 0.75rem; color: #fff; text-decoration: none; transition: all 0.2s ease; }
.navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: #14bf98; }

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu { display: block; min-width: auto; animation: fadeDropdown 0.2s; }

@keyframes fadeDropdown {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.navbar-custom .dropdown-toggle:focus { outline: 0; }
.navbar-custom .dropdown-menu { margin-top: 0; border: none; border-radius: 0.25rem; background-color: #113448; }
.navbar-custom .dropdown-item { color: #fff; text-decoration: none; }
.navbar-custom .dropdown-item:hover { background-color: #113448; }
.navbar-custom .dropdown-item .item-text { font: 0.875rem/0.875rem "Montserrat", sans-serif; }
.navbar-custom .dropdown-item:hover .item-text { color: #14bf98; }
.navbar-custom .dropdown-items-divide-hr { width: 100%; height: 1px; margin: 0.75rem auto 0.75rem auto; border: none; background-color: #b5bcc4; opacity: 0.2; }
/* end of dropdown menu */

.navbar-custom .social-icons { display: none; }
.navbar-custom .navbar-toggler { border: none; color: #fff; font-size: 2rem; }
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times { display: none; }
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars { display: inline-block; }
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars { display: none; }
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{ display: inline-block; margin-right: 0.125rem; }


/*********************/
/*    04. Header     */
/*********************/
.header { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('../images/header-background.jpg') center center no-repeat; background-size: cover; }
.header .header-content { padding-top: 5rem; padding-bottom: 2.125rem; text-align: center; }
.header .text-container { margin-bottom: 3rem; }
.header .image-container { margin-bottom: 3rem; align-content: center; }
.header .message h1 { margin-bottom: 3rem; color: #ffc770; }
.header h1 { margin-bottom: 1rem; color: #fff; }
.header h2 { margin-bottom: 2rem; color: #fff; }
.header .p-large { margin-bottom: 2rem; color: #dfe5ec; }
.header .btn-solid-lg { margin-top: 1.25rem; margin-bottom: 1.25rem; }

/*********************/
/*     05. Intro     */
/*********************/
.intro { padding-top: 6.5rem; padding-bottom: 3rem; }
.intro .title-container { margin-top: 0rem; margin-bottom: 3rem; text-align: justify; }
.intro .text-container { margin-top: 0rem; margin-bottom: 3rem; text-align: justify; text-indent: 1rem; }
.intro .section-title { 	margin-bottom: 0.5rem; }
.intro h2 { margin-bottom: 1.375rem; }
.intro .testimonial-author { color: #484a46; }

/* Hover Animation */
.intro .image-container { overflow: hidden; margin-bottom: 3rem; border-radius: 0.25rem; }
.intro .image-container img { margin: 0; border-radius: 0.25rem; transition: all 0.3s; }
.intro .image-container:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
/* end of hover animation */

/*********************/
/*     06. HIstory     */
/*********************/
.counter { padding-top: 6.625rem; padding-bottom: 5.625rem; background-color: #153e52; }
.counter .text-container { margin-bottom: 3rem; }
.counter .section-title { margin-bottom: 0.5rem; }
.counter h2 { margin-bottom: 1.375rem; color: #FAFAFA; }
.counter p { margin-bottom: 1rem; color: #C0C0C0; }
.counter .list-unstyled { margin-bottom: 1.5rem; }
.counter .list-unstyled .fas { color: #14bf98; font-size: 0.5rem; line-height: 1.675rem; }
.counter .list-unstyled .media-body { color: #14bf98; margin-left: 0.625rem; }
.counter #counter { text-align: center; }
.counter #counter .cell { display: inline-block; width: 15rem; margin-bottom: 0.75rem; }
.counter #counter .counter-value { display: inline-block; margin-bottom: 0.125rem; color: #14bf98; font: 700 2.875rem/3.25rem "Montserrat", sans-serif; vertical-align: middle; }
.counter #counter .counter-info { display: inline-block; margin-left: 0.5rem; color: #C0C0C0; font-size: 0.875rem; line-height: 1.25rem; vertical-align: middle; }
.counter .image-container { overflow: hidden; border-radius: 0.25rem; text-align: center; }
.counter .image-container img { margin-top: 0.625rem; margin-bottom: 1.625rem; width: 100%; border-radius: 0.25rem; transition: all 0.3s; }
.counter .image-container:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 

/************************/
/*     07. Key Business     */
/************************/
.cards-2 { padding-top: 6.625rem; padding-bottom: 1.25rem; background-color: #fbfbfb; }
.cards-2 .section-title { margin-bottom: 0.5rem; text-align: center; }
.cards-2 h2 { margin-bottom: 3.25rem; text-align: center; }
.cards-2 .card { margin-bottom: 5.625rem; border: none; background-color: transparent; }
.cards-2 .card-image img { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.cards-2 .card-body { padding: 2.25rem 2rem 2.125rem 2rem; border: 1px solid #ebe8e8; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; background-color: #fff; }
.cards-2 h3 { margin-bottom: 0.75rem; text-align: center; }
.cards-2 .list-unstyled { margin-bottom: 1.5rem; }
.cards-2 .list-unstyled .fas { color: #14bf98; font-size: 0.5rem; line-height: 1.375rem; }
.cards-2 .list-unstyled .media-body { margin-left: 0.625rem; }
.cards-2 .button-container { margin-top: -1.375rem; text-align: center; }
.cards-2 .btn-solid-lg:hover { color: #10735c; background-color: #fff; }

/***************************/
/*     06. Description     */
/***************************/
.cards-1 { padding-top: 3rem; padding-bottom: 2.875rem; }
.cards-1 .card { margin-bottom: 2.5rem; margin-right: 2.5rem; border: none; text-align: center; }
.cards-1 .fa-stack { width: 6rem; height: 6rem; margin-right: auto; margin-bottom: 1rem; margin-left: auto; line-height: 6rem; text-align: left; }
.cards-1 .fa-stack .hexagon { position: absolute; width: 6rem; height: 6rem; background: url('../images/hexagon-green.svg') center center no-repeat; background-size: 6rem 6rem; }
.cards-1 .fa-stack-1x { color: #fff; font-size: 2rem; }
.cards-1 .card-body { padding: 0; }
.cards-1 .card-title { margin-bottom: 0.625rem; }

/*************************/
/*     08. Details 1     */
/*************************/
.accordion .area-1 { height: 27rem; background: url('../images/products/kiosk_0.jpg') center center no-repeat; background-size: cover; }
.accordion .accordion-container { max-width: 90%; margin-right: auto; margin-left: auto; padding-top: 6.375rem; padding-bottom: 1.5rem; }
.accordion h3 { margin-bottom: 1.625rem; }
.accordion .item { margin-bottom: 2rem; }
.accordion h4 { margin-bottom: 0; }
.accordion span[aria-expanded="true"] .circle-numbering,
.accordion span[aria-expanded="false"] .circle-numbering { display: inline-block; width: 2.25rem; height: 2.25rem; margin-right: 0.875rem; border: 0.125rem solid #14bf98; border-radius: 50%; background-color: #14bf98; color: #fff; font: 700 1rem/2.125rem "paybooc-Light", sans-serif; text-align: center; vertical-align: middle; cursor: pointer; transition: all 0.2s ease; }
.accordion span[aria-expanded="false"] .circle-numbering { border: 0.125rem solid #484a46; background-color: transparent; color: #484a46; }
.accordion .item:hover span[aria-expanded="false"] .circle-numbering { border: 0.125rem solid #14bf98; color: #14bf98; }
.accordion .accordion-title { display: inline-block; width: 80%; margin-top: 0.125rem; margin-bottom: 0.25rem; color: #484a46; font: 700 1rem/1.25rem "Montserrat", sans-serif; vertical-align: middle; cursor: pointer; transition: all 0.2s ease; }
.accordion .item:hover .accordion-title { color: #14bf98; }
.accordion span[aria-expanded="true"] .accordion-title { color: #14bf98; }
.accordion .accordion-body { margin-left: 3.125rem; }

/*************************/
/*     09. Details 2     */
/*************************/
.tabs .tabs-container { max-width: 90%; margin-right: auto; margin-left: auto; padding-top: 2rem; padding-bottom: 5.75rem; }
.tabs .nav-tabs { justify-content: center; margin-bottom: 1.125rem; border-bottom: none; }
.tabs .nav-link { margin-right: 1.625rem; margin-bottom: 0.875rem; padding: 0; border: none; border-radius: 0.25rem; color: #c1cace; font: 700 1.125rem/1.25rem "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s ease; }
.tabs .nav-link:hover,
.tabs .nav-link.active { color: #14bf98; }
.tabs .nav-link .fas { margin-right: 0.125rem; font-size: 0.875rem; vertical-align: 20%; }
.tabs #tab-1 .progress-container { margin-top: 1.5rem; }
.tabs #tab-1 .progress-container .title { margin-bottom: 0.25rem; color: #484a46; font: 600 0.875rem/1.25rem "Montserrat", sans-serif; }
.tabs #tab-1 .progress { height: 1.375rem; margin-bottom: 1.125rem; border-radius: 0.125rem; background-color: #f9fafc; }
.tabs #tab-1 .progress-bar { display: block; padding-left: 1.5rem; border-radius: 0.125rem; background: linear-gradient(to bottom right, #14bf98, #1bd1a7); }
.tabs #tab-1 .progress-bar.first { width: 100%; }
.tabs #tab-1 .progress-bar.second { width: 75%; }
.tabs #tab-1 .progress-bar.third { width: 90%; }
.tabs #tab-2 .list-unstyled { margin-top: 1.75rem; margin-bottom: 0; vertical-align: top; }
.tabs #tab-2 .list-unstyled .media { margin-bottom: 2rem; }
.tabs #tab-2 .list-unstyled .media-bullet { color: #14bf98; 	font-weight: 600; font-size: 2rem; line-height: 2rem; }
.tabs #tab-2 .list-unstyled .media-body { margin-left: 0.875rem; }
.tabs #tab-3 .list-unstyled .fas { color: #14bf98; font-size: 0.5rem; line-height: 1.375rem; }
.tabs #tab-3 .list-unstyled .media-body { margin-left: 0.625rem; }
.tabs #tab-3 .list-unstyled { margin-bottom: 1.75rem; }
.tabs .area-2 { height: 27rem; background: url('../images/products/kiosk_1.jpg') center center no-repeat; background-size: cover; }

/****************************/
/*     10. Testimonials     */
/****************************/
.slider { padding-top: 6.375rem; padding-bottom: 6.5rem; background-color: #fbfbfb; }
.slider h2 { margin-bottom: 0.75rem; text-align: center; }
.slider .slider-container { position: relative; }
.slider .swiper-container { position: static; width: 90%; text-align: center; }
.slider .swiper-button-prev:focus,
.slider .swiper-button-next:focus { outline: none; }
.slider .swiper-button-prev { left: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23787976'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }
.slider .swiper-button-next { right: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23787976'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }
.slider .card { position: relative; border: none; background-color: transparent; }
.slider .card-image { width: 10rem; margin-right: auto; margin-bottom: 0.25rem; margin-left: auto; border-radius: 5%; }
.slider .card .card-body { padding-bottom: 0; }
.slider .library-title { color: #484a46; }
.slider .library-subtitle { color: #484a46; padding-top: 0.625rem; font: 0.875rem "Montserrat", sans-serif; }


/**********************/
/*     11. Call Me    */
/**********************/
.form-1 { padding-top: 6.625rem; padding-bottom: 5.625rem; background-color: #153e52; }
.form-1 .text-container { margin-bottom: 4rem; }
.form-1 .section-title { margin-bottom: 0.5rem; }
.form-1 h2 { margin-bottom: 1.375rem; color: #fff; }
.form-1 .list-unstyled .fas { color: #14bf98; font-size: 0.5rem; line-height: 1.375rem; }
.form-1 .list-unstyled .media-body { margin-left: 0.625rem; }
.form-1 .label-control { color: #fff; }
.form-1 .form-control-input, .form-1 .form-control-select { border: 1px solid #39728f; background-color: #2a5d77; color: #fff; }
.form-1 .form-control-textarea { border: 1px solid #39728f; background-color: #2a5d77; color: #fff; }
.form-1 .form-control-input:focus, .form-1 .form-control-input:hover, .form-1 .form-control-select:focus, .form-1 .form-control-select:hover, .form-1 .form-control-textarea:focus, .form-1 .form-control-textarea:hover { border: 1px solid #fff; }

#lmsgSubmit.h3.text-center.tada.animated,
#lmsgSubmit.h3.text-center { color: #fff; }

.form-1 .help-block.with-errors .list-unstyled { color: #dfe5ec; }

/************************/
/*     12. Projects     */
/************************/
.filter { padding-top: 6.5rem; padding-bottom: 7rem; }
.filter .section-title { margin-bottom: 0.5rem; }
.filter h2,
.filter .section-title { text-align: center; }
.filter h2 { margin-bottom: 3.25rem; }
.filter .button-group { text-align: center; margin-bottom: 1.0rem; }
.filter .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.625rem 1.375rem 0.625rem 1.375rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.875rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
.filter .button-group a:hover { background-color: #417d9a; color: #fff; }
.filter .button-group a.button.is-checked { background-color: #153e52; color: #fff; }
.filter .grid { margin-top: 1.25rem; border-radius: 0.375rem; }

/* Hover Animation */
.filter .element-item { position: relative; float: left; overflow: hidden; width: 50%; background-color: #000; /* to hide 1px white margin in IE */ }
.filter .element-item img { max-width: 100%; margin: 0; transition: all 0.3s; }
.filter .element-item:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
/* end of hover animation */

.filter .element-item .element-item-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 1; text-align: center; transition: all 0.3s; }
.filter .element-item .element-item-overlay span { position: absolute; z-index: 3; top: 42%; right: 0; left: 0; color: #fff; font: 700 1.125rem/1.625rem "Montserrat", sans-serif; }
.filter .comments { text-align: right; padding-top: 1rem; padding-bottom: 1rem; color: #FF3300; font: 600 0.75rem/1.125rem "Montserrat", sans-serif; }

.gallery { padding-top: 6.5rem; padding-bottom: 7rem; }
.gallery .section-title { margin-bottom: 0.5rem; }
.gallery h2,
.gallery .section-title { text-align: center; }
.gallery h2 { margin-bottom: 3.25rem; }
.gallery .button-group { text-align: center; margin-bottom: 1.0rem; }
.gallery .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.625rem 1.375rem 0.625rem 1.375rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.875rem/1.25rem "paybooc-Light", sans-serif; cursor: pointer; transition: all 0.2s ease; }
.gallery .button-group a:hover { background-color: #417d9a; color: #fff; }
.gallery .button-group a.button.is-checked { background-color: #153e52; color: #fff; }
.gallery .grid { margin-top: 1.25rem; border-radius: 0.375rem; }

/* Hover Animation */
.gallery .element-item { position: relative; float: left; overflow: hidden; width: 50%; background-color: #000; /* to hide 1px white margin in IE */ }
.gallery .element-item img { max-width: 100%; margin: 0; transition: all 0.3s; }
.gallery .element-item:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
/* end of hover animation */

.gallery .element-item .element-item-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 1; text-align: center; transition: all 0.3s; }
.gallery .element-item .element-item-overlay span { position: absolute; z-index: 3; top: 42%; right: 0; left: 0; color: #fff; font: 700 1.125rem/1.625rem "Montserrat", sans-serif; }
.gallery .comments { text-align: right; padding-top: 1rem; padding-bottom: 1rem; color: #FF3300; font: 600 0.875rem/1.125rem "Montserrat", sans-serif; }

/**********************************/
/*     13. Project Lightboxes     */
/**********************************/
.lightbox-basic { position: relative; max-width: 62.5rem; margin: 2.5rem auto; padding: 1.5625rem; border-radius: 0.25rem; background: #fff; text-align: left; }
.lightbox-basic img { margin-right: auto; margin-bottom: 2rem; margin-left: auto; border-radius: 0.25rem; }
.lightbox-basic .line-heading { width: 3rem; height: 1px; margin-top: 0; margin-bottom: 0.625rem; margin-left: 0; border: none; background-color: #14bf98; }
.lightbox-basic h6 { margin-bottom: 2rem; }
.lightbox-basic .testimonial-container { margin-top: 1.75rem; margin-bottom: 2.125rem; padding: 1.125rem 1.5rem 1.125rem 1.5rem; border-radius: 0.25rem; background-color: #fbfbfb; }
.lightbox-basic .testimonial-text { margin-bottom: 0.5rem; }
.lightbox-basic .testimonial-author { margin-bottom: 0; }
.lightbox-basic .btn-solid-reg,
.lightbox-basic .btn-outline-reg { margin-right: 0.375rem; margin-bottom: 1rem; }
.lightbox-basic a.mfp-close.as-button { position: relative; width: auto; height: auto; margin-right: 0.5rem; color: #484a46; opacity: 1; }
.lightbox-basic a.mfp-close.as-button:hover { color: #f2f2f2; }
.lightbox-basic button.mfp-close.x-button { position: absolute; top: -0.375rem; right: -0.375rem; width: 2.75rem; height: 2.75rem; }

/***********************/
/*     14. Contact     */
/***********************/
.form-2 { padding-top: 6.625rem; padding-bottom: 5.625rem; background-color: #fbfbfb; }
.form-2 .text-container { margin-bottom: 3rem; }
.form-2 .section-title { margin-bottom: 0.5rem; }
.form-2 .list-unstyled { margin-bottom: 2.25rem; font-size: 1rem; line-height: 1.625rem; }
.form-2 .list-unstyled .fas, .form-2 .list-unstyled .fab { margin-right: 0.5rem; font-size: 0.875rem; color: #14bf98; }
.form-2 .list-unstyled .fa-phone { vertical-align: 3%; }
.form-2 .fa-stack { margin-right: 0.25rem; margin-bottom: 0.75rem; margin-left: 0.125rem; width: 3.25rem; height: 3.25rem; }
.form-2 .fa-stack .hexagon { position: absolute; width: 3.25rem; height: 3.25rem; background: url('../images/hexagon-green.svg') center center no-repeat; background-size: 3.25rem 3.25rem; transition: all 0.2s ease; }
.form-2 .fa-stack:hover .hexagon { background: url('../images/hexagon-white.svg') center center no-repeat; background-size: 3.25rem 3.25rem; }
.form-2 .fa-stack-1x { font-size: 1.5rem; line-height: 3.25rem; color: #fff; transition: all 0.2s ease; }
.form-2 .fa-stack:hover .fa-stack-1x { color: #14bf98; }

/**********************/
/*     15. Footer     */
/**********************/
.footer { padding-top: 5rem; background-color: #113448; }
.footer .text-container { margin-bottom: 2.25rem; }
.footer .sub-container { margin-bottom: 2.25rem; }
.footer h4 { margin-bottom: 0.75rem; color: #fff; }
.footer h5 { margin-bottom: 0.75rem; color: #fff; }
.footer h6 { margin-bottom: 0.75rem; color: #c3c5c0; }
.footer p,
.footer ul { font-size: 0.875rem; line-height: 1.375rem; }

/*************************/
/*     16. Copyright     */
/*************************/
.copyright { padding-top: 2rem; padding-bottom: 5rem; background-color: #113448; text-align: center; }
.copyright p,
.copyright a { color: #dfe5ec; text-decoration: none; }

/**********************************/
/*     17. Back To Top Button     */
/**********************************/
a.back-to-top { position: fixed; z-index: 999; right: 0.75rem; bottom: 0.75rem; display: none; width: 2.625rem; height: 2.625rem; border-radius: 1.875rem; background: #14bf98 url("../images/up-arrow.png") no-repeat center 47%; background-size: 1.125rem 1.125rem; text-indent: -9999px; }
a:hover.back-to-top { background-color: #13aa87; }

/***************************/
/*     18. Extra Pages     */
/***************************/
.ex-header { padding-top: 8rem; padding-bottom: 5rem; 	background-color: #153e52; text-align: center; }
.ex-header img { width: 14rem; padding-bottom: 1.25rem; }
.ex-header h1 { color: #fff; }
.ex-header h5 { padding-bottom: 0.75rem; color: #7bb2cd; }
.ex-basic-1 { padding-top: 2rem; padding-bottom: 0.875rem; background-color: #fbfbfb; }
.ex-basic-2 { padding-top: 4.75rem; padding-bottom: 4rem; }
.ex-basic-2 h3 { margin-bottom: 1rem; }
.ex-basic-2 .text-container { margin-bottom: 3.625rem; }
.ex-basic-2 .text-container.last { margin-bottom: 0; }
.ex-basic-2 .list-unstyled .fas { color: #10735c; font-size: 0.5rem; line-height: 1.675rem; }
.ex-basic-2 .list-unstyled .media-body { margin-left: 0.625rem; }
.ex-basic-2 .form-container { margin-top: 2.5rem; }
.ex-basic-2 .btn-outline-reg { margin-top: 1.75rem; }

/*********************/
/*     19. Extra Pages Intro     */
/*********************/
.ex-intro { padding-top: 6.5rem; padding-bottom: 3rem; }
.ex-intro .title-container { margin-top: 0rem; margin-bottom: 3rem; text-align: justify; }
.ex-intro .text-container { margin-top: 0rem; margin-bottom: 1rem; text-align: justify; text-indent: 1rem; font: 600 1rem/1.125rem "Montserrat", sans-serif; }
.ex-intro .subtext-container { margin-top: 0.5rem; margin-bottom: 1.625rem; text-align: justify; text-indent: -1.0rem; padding-left: 3.0rem}
.ex-intro .section-title { margin-bottom: 0.5rem; }
.ex-intro h2 { margin-bottom: 1.375rem; }
.ex-intro .testimonial-author { color: #484a46; }
.ex-intro .list-unstyled { margin-top: 1rem; margin-bottom: 0rem; }
.ex-intro .list-unstyled .fas { color: #10735c; font-size: 0.5rem; line-height: 1rem; }
.ex-intro .list-unstyled .media-body { color: #10735c; margin-left: 0.125rem; }
.ex-intro .grid { margin-top: 1.25rem; border-radius: 0.375rem; }
.ex-intro .row { margin-bottom: 2rem; }

/* Hover Animation */
.ex-intro .image-container { overflow: hidden; border-radius: 0.25rem; text-align: center; }
.ex-intro .image-container img { margin-top: 0.625rem; margin-bottom: 1.625rem; width: 100%; border-radius: 0.25rem; transition: all 0.3s; }
.ex-intro .image-container:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
.overlay { position: relative; top: 0; left: 0; }
.watermark { position: absolute; top: 0; left: 0; opacity: 0.4; }
/* end of hover animation */

.ex-intro .video-item { position: relative; float: left; overflow: hidden; width: 100%; background-color: #000; /* to hide 1px white margin in IE */ }
.ex-intro .video-item img { max-width: 100%; margin: 0; transition: all 0.3s; }
.ex-intro .video-item:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
.ex-intro .video-item .title-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 1; text-align: center; transition: all 0.3s; }
.ex-intro .video-item .title-overlay span { position: absolute; z-index: 3; top: 50%; right: 0; left: 0; color: #fff; font: 700 1.125rem/1.625rem "Montserrat", sans-serif; }

/*********************/
/*     20. Portfolio Table     */
/*********************/
.table-container { width: 100%; margin-bottom: 0rem; }
.table-container th { background-color: #174661; }
.table-container th h5 { text-align: left; font: 700 0.75rem/1.125rem "Montserrat", sans-serif; color: #FCFCFC; }
.table-container td { font: 500 0.875rem/1.125rem "Montserrat", sans-serif; color: #174661; }
.table-container td a { text-decoration: none; color: #174661; }
.table-container { text-align: left; overflow: hidden; width: 100%; margin: 0 auto; display: table; padding: 0 0 8em 0; }
.table-container td, .table-container th { padding: 0.75rem 0.5rem 0.75rem 0.5rem; }
.table-container tr:nth-child(odd) { background-color: #FFFFFF; }
.table-container tr:nth-child(even) { background-color: #e8f1f7; }
.table-container tr:hover td { background-color: #8ab4cd; cursor: pointer; }
.table-container td:nth-child(1) { width: 45%; }
.table-container td:nth-child(2) { width: 15%; }
.table-container td:nth-child(3) { width: 15%; }
.table-container td:nth-child(4) { width: 10%; }
.table-container td:nth-child(5) { width: 15%; }

.paging { margin-top: 0rem; margin-bottom: 3rem; padding-top: 0rem; padding-bottom: 0rem; }
.paging .row { margin-top: 0rem; margin-bottom: 0rem; padding-top: 0rem; padding-bottom: 0rem; }
.paging .button-group { width: 100%; text-align: center; }
.paging .button-group a { display: inline-block; text-decoration: none; padding: 0.875rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #457089; font: 700 0.875rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
.paging .button-group a:hover { background-color: #658fa8; color: #fff; }
.paging .button-group a.button.is-checked { background-color: #457089; color: #fff; }

/* Hover Animation */
.paging .element-item { position: relative; float: left; overflow: hidden; width: 50%; background-color: #000; /* to hide 1px white margin in IE */ }
.paging .element-item img { max-width: 100%; margin: 0; transition: all 0.3s; }
.paging .element-item:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } 
/* end of hover animation */

.paging .element-item .element-item-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 1; text-align: center; transition: all 0.3s; }
.paging .element-item .element-item-overlay span { position: absolute; z-index: 3; top: 42%; right: 0; left: 0; color: #fff; font: 700 1.125rem/1.625rem "Montserrat", sans-serif; }
.paging .comments { text-align: right; padding-top: 1rem; padding-bottom: 1rem; color: #FF3300; font: 600 0.875rem/1.125rem "Montserrat", sans-serif; }

@media (max-width: 768px) {
.table-container { width: 100%; }
.table-container td:nth-child(1) { width: 44%; }
.table-container td:nth-child(2), .table-container th:nth-child(2) { display: none; }
.table-container td:nth-child(3) { width: 30%;}
.table-container td:nth-child(4), .table-container th:nth-child(4) { display: none; }
.table-container td:nth-child(5) { width: 26%; }
.table-container th h5 { text-align: left; font: 700 0.75rem/1.125rem "Montserrat", sans-serif; color: #FCFCFC; }
.table-container td { font: 500 0.75rem/1.125rem "Montserrat", sans-serif; color: #174661; }
}

@media (max-width: 1024px) {
.table-container { width: 100%; }
.table-container td:nth-child(1) { width: 47%; }
.table-container td:nth-child(2), .table-container th:nth-child(2) { display: none; }
.table-container td:nth-child(3) { width: 33%;}
.table-container td:nth-child(4), .table-container th:nth-child(4) { display: none; }
.table-container td:nth-child(5) { width: 20%; }
.table-container th h5 { text-align: left; font: 700 0.75rem/1.125rem "Montserrat", sans-serif; color: #FCFCFC; }
.table-container td { font: 500 0.75rem/1.125rem "Montserrat", sans-serif; color: #174661; }
}

.floating-menu { padding-top: 0.75rem; padding-bottom: 0.75rem; width: 40px; z-index: 100; position: fixed; left: 0.5rem; top: auto; bottom: 10px; border-radius: 5px; border: none; background-color: #113448; }
.floating-menu { color: #fff; text-decoration: none; }
.floating-menu .menu-center { width:100%; font: 600 0.875rem/0.875rem "Montserrat", sans-serif; color: #6caace; text-decoration: none; text-align: center; }
.floating-menu .menu-center a { width:100%; font: 400 0.875rem/0.875rem "Montserrat", sans-serif; color: #fff; text-decoration: none; text-align: center; }
.floating-menu .menu-center a:hover { color: #14bf98; }
.floating-menu-divide-hr { width: 100%; height: 1px; margin: 0.75rem auto 0.75rem auto; border: none; background-color: #b5bcc4; opacity: 0.2; }

/*****************************/
/*     21. Media Queries     */
/*****************************/

/* Min-width width 320px */
@media (min-width: 320px) {
    /* General Styles */
    p { font: 500 0.9375rem/1.625rem "Merriweather", sans-serif; }
    .p-heading { width: 85%; margin-right: auto; margin-left: auto; }
    .p-large { font: 1.0rem/1.5rem "Merriweather", sans-serif; }
    /* end of general styles */

    h2 { color: #343632; font: 700 1.0rem/1.5rem "Montserrat", sans-serif; } 
    .section-title { color: #0f9677; font: 700 0.875rem/1.125rem "Montserrat", sans-serif; }

    /* Navigation */
    .navbar-custom { padding: 0.375rem 0.5rem 0.375rem 1.25rem; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color: #113448; }
    .navbar-custom .navbar-brand.logo-text { color: #fff; }
    .navbar-custom .navbar-brand.logo-image img { width: 14.0rem; -webkit-backface-visibility: hidden; }
    .navbar-custom .navbar-nav { margin-top: 0; margin-bottom: 0; }
    .navbar-custom .nav-item .nav-link { padding: 0.5rem 0.75rem 0.5rem 0.75rem; }
    .navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom .navbar-toggler { border: none; color: #fff; font-size: 1.5rem; }
    .navbar-custom.top-nav-collapse { padding: 0.375rem 0.5rem 0.375rem 1.25rem; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color: #113448; }
    .navbar-custom.top-nav-collapse .navbar-brand.logo-text { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom .dropdown-menu { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.75rem solid rgba(0, 0, 0, 0); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03); }
    .navbar-custom.top-nav-collapse .dropdown-menu { border-top: 0.125rem solid rgba(0, 0, 0, 0); }
    .navbar-custom .dropdown-item { padding-top: 0.0rem; padding-bottom: 0.0rem; }
    .navbar-custom .dropdown-items-divide-hr { width: 84%; }
    /* end of navigation */
    .floating-menu { left: 0.5rem; top: auto; bottom: 10px; }
    .paging .button-group a { display: inline-block; text-decoration: none; padding: 0.5rem 0.6rem 0.5rem 0.6rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #457089; font: 700 0.75rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }

    /* Header */
    .header .header-content { padding-top: 10rem; padding-bottom: 7.5rem; }
    .header h1 { font: 600 1.125rem "Montserrat", sans-serif; }
    .header h2 { font: 500 1.0rem "Montserrat", sans-serif; }
    /* end of header */

    /* Details 1 */
    .accordion .accordion-container { max-width: 90%; }
    /* end of details 1 */

    /* Details 2 */
    .tabs .tabs-container { max-width: 90%; }
    .tabs #tab-2 .list-unstyled { display: inline-block; width: 45%; margin-top: 0; }
    .tabs #tab-2 .list-unstyled.first { margin-right: 2rem; }
    /* end of details 2 */

    /* Testimonials */
    .slider .swiper-button-prev { left: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
    .slider .swiper-button-next { right: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
    /* end of testimonials */

    /* Projects */
    .filter { padding-top: 1rem; padding-bottom: 1rem; }
    .filter .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.3rem 0.5rem 0.3rem 0.5rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.75rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
    .filter .element-item { width: 25%; }
    .filter .element-item .element-item-overlay { opacity: 0; transition: opacity 0.3s ease; }
    .filter .element-item:hover .element-item-overlay { opacity: 1; }
    .gallery { padding-top: 2rem; padding-bottom: 2rem; }
    .gallery .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.625rem 1.375rem 0.625rem 1.375rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.75rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
    .gallery .element-item { width: 25%; }
    .gallery .element-item .element-item-overlay { opacity: 0; transition: opacity 0.3s ease; }
    .gallery .element-item:hover .element-item-overlay { opacity: 1; }
    /* end of projects */

    /* About */
    .counter #counter { text-align: left; }
    .counter #counter .cell { }
    /* end of about */

    /* Contact */
    .form-2 .list-unstyled li { display: inline-block; margin-right: 1rem; }
    .form-2 .list-unstyled .address { display: block; }
    /* end of contact */

    /* Extra Pages */
    .ex-header { padding-top: 4rem; padding-bottom: 2rem; }
    .ex-header img { width: 10rem; padding-bottom: 1.25rem; }
    .ex-header h1 { color: #fff; }
    .ex-header h5 { padding-bottom: 0.75rem; color: #7bb2cd; }
    .ex-basic-2 .form-container { margin-top: 0.5rem; }
    /* end of extra pages */

    .ex-intro { padding-top: 1.0rem; padding-bottom: 0.5rem; }
    .ex-intro .row { margin-bottom: 0rem; }
    .ex-intro .image-container img { margin-top: 0.625rem; margin-bottom: 0.625rem; }
    .ex-intro h2 { margin-top: 0rem; margin-bottom: 0rem; }
    .ex-intro .title-container { margin-top: 0rem; margin-bottom: 1rem; }
    .ex-intro .subtext-container { margin-top: 0.5rem; margin-bottom: 1.625rem; text-align: justify; text-indent: -1.0rem; padding-left: 1.0rem}
}
/* end of min-width width 768px */

/* Min-width width 768px */
@media (min-width: 768px) {
    /* General Styles */
    h3 { color: #343632; font: 500 1.125rem/1.5rem "Montserrat", sans-serif; }
    p { font: 0.9375rem/1.75rem "Montserrat", sans-serif; }
    .p-heading { width: 85%; margin-right: auto; margin-left: auto; }
    .p-large { font: 1.0rem/2rem "Montserrat", sans-serif; }
    /* end of general styles */
    .section-title { color: #0f9677; font: 700 1.0rem/1.125rem "Montserrat", sans-serif; }

    /* Navigation */
    .navbar-custom { padding: 2.125rem 1.5rem 2.125rem 2rem; box-shadow: none; background: transparent; }
    .navbar-custom .navbar-brand.logo-text { color: #fff; }
    .navbar-custom .navbar-brand.logo-image img { width: 12.0rem; -webkit-backface-visibility: hidden; }
    .navbar-custom .navbar-nav { margin-top: 0; margin-bottom: 0; }
    .navbar-custom .nav-item .nav-link { padding: 0.25rem 0.75rem 0.25rem 0.75rem; }
    .navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom.top-nav-collapse { padding: 0.375rem 1.5rem 0.375rem 2rem; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color: #113448; }
    .navbar-custom.top-nav-collapse .navbar-brand.logo-text { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom .dropdown-menu { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.75rem solid rgba(0, 0, 0, 0); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03); }
    .navbar-custom.top-nav-collapse .dropdown-menu { border-top: 0.125rem solid rgba(0, 0, 0, 0); }
    .navbar-custom .dropdown-item { padding-top: 0.25rem; padding-bottom: 0.25rem; }
    .navbar-custom .dropdown-items-divide-hr { width: 84%; }
    /* end of navigation */
    .floating-menu { left: 0.5rem; top: auto; bottom: 10px; }
    .paging .button-group a { display: inline-block; text-decoration: none; padding: 0.75rem 1.0rem 0.75rem 1.0rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #457089; font: 700 0.75rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }

    /* Header */
    .header .header-content { padding-top: 13rem; padding-bottom: 7.5rem; }
    .header h1 { font: 600 1.875rem "Montserrat", sans-serif; }
    .header h2 { font: 500 1.5rem "Montserrat", sans-serif; }
    /* end of header */

    /* Details 1 */
    .accordion .accordion-container { max-width: 70%; }
    /* end of details 1 */

    /* Details 2 */
    .tabs .tabs-container { max-width: 70%; }
    .tabs #tab-2 .list-unstyled { display: inline-block; width: 45%; margin-top: 0; }
    .tabs #tab-2 .list-unstyled.first { margin-right: 2rem; }
    /* end of details 2 */

    /* Testimonials */
    .slider .swiper-button-prev { left: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
    .slider .swiper-button-next { right: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
    /* end of testimonials */

    /* Projects */
    .filter { padding-top: 2rem; padding-bottom: 2rem; }
    .filter .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.5rem 1.0rem 0.5rem 1.0rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.875rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
    .filter .element-item { width: 25%; }
    .filter .element-item .element-item-overlay { opacity: 0; transition: opacity 0.3s ease; }
    .filter .element-item:hover .element-item-overlay { opacity: 1; }
    /* end of projects */

    /* About */
    .counter #counter { text-align: left; }
    .counter #counter .cell { }
    /* end of about */

    /* Contact */
    .form-2 .list-unstyled li { display: inline-block; margin-right: 1rem; }
    .form-2 .list-unstyled .address { display: block; }
    /* end of contact */

    /* Extra Pages */
    .ex-header { padding-top: 7rem; padding-bottom: 6rem; }
    .ex-header img { width: 10rem; padding-bottom: 1.25rem; }
    .ex-header h1 { color: #fff; }
    .ex-header h5 { padding-bottom: 0.75rem; color: #7bb2cd; }
    .ex-basic-2 .form-container { margin-top: 0.5rem; }
    /* end of extra pages */

    .ex-intro { padding-top: 2rem; padding-bottom: 2rem; }
}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
    /* General Styles */
    .p-heading { width: 65%; }
    /* end of general styles */

    /* Navigation */
    .navbar-custom { padding: 2.125rem 1.5rem 2.125rem 2rem; box-shadow: none; background: transparent; }
    .navbar-custom .navbar-brand.logo-text { color: #fff; }
    .navbar-custom .navbar-brand.logo-image img { width: 14.0rem; -webkit-backface-visibility: hidden; }
    .navbar-custom .navbar-nav { margin-top: 0; margin-bottom: 0; }
    .navbar-custom .nav-item .nav-link { padding: 0.25rem 0.75rem 0.25rem 0.75rem; }
    .navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom.top-nav-collapse { padding: 0.375rem 1.5rem 0.375rem 2rem; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color: #113448; }
    .navbar-custom.top-nav-collapse .navbar-brand.logo-text { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link { color: #fff; }
    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color: #14bf98; }
    .navbar-custom .dropdown-menu { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.75rem solid rgba(0, 0, 0, 0); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03); }
    .navbar-custom.top-nav-collapse .dropdown-menu { border-top: 0.125rem solid rgba(0, 0, 0, 0); }
    .navbar-custom .dropdown-item { padding-top: 0.25rem; padding-bottom: 0.25rem; }
    .navbar-custom .dropdown-items-divide-hr { width: 84%; }
    /* end of navigation */
    .floating-menu { left: 0.5rem; top: auto; bottom: 10px; }

    /* Header */
    .header .header-content { padding-top: 14rem; padding-bottom: 10rem; }
    .header .text-container { margin-top: 6.5rem; }
    /* end of header */

    /* Intro */
    .basic-1 { padding-top: 6.875rem; }
    .basic-1 .text-container { margin-bottom: 0; }
    /* end of intro */

    /* Description */
    .cards-1 .card { display: inline-block; max-width: 17.5rem; text-align: left; vertical-align: top; }
    .cards-1 div.card:nth-child(3n+2) { margin-right: 2.5rem; margin-left: 2.5rem; }
    /* end of description */

    /* Key Business */
    .cards-2 .card { max-width: 18.25rem; display: inline-block; vertical-align: top; }
    .cards-2 .col-lg-12 div.card:nth-child(3n+2) { margin-right: 1.25rem; margin-left: 1.25rem; }
    /* end of services */

    /* Details 1 */
    .accordion { height: 34.625rem; }
    .accordion .area-1 { width: 50%; height: 100%; display: inline-block; }
    .accordion .area-2 { width: 50%; height: 100%; display: inline-block; vertical-align: top; }
    .accordion .accordion-container { max-width: 88%; margin-left: 2rem; padding-bottom: 0; }
    .accordion .accordion-title { width: 85%; }
    /* end of details 1 */

    /* Details 2 */
    .tabs { height: 36.125rem; }
    .tabs .area-1 { width: 50%; height: 100%; display: inline-block; vertical-align: top; }
    .tabs .area-2 { width: 50%; height: 100%; display: inline-block; }
    .tabs .tabs-container { max-width: 88%; margin-left: 2rem; padding-top: 6.75rem; padding-bottom: 0; }
    .tabs .nav-tabs { justify-content: flex-start; }
    /* end of details 2 */

    /* Call Me */
    .form-1 { padding-top: 7rem; }
    .form-1 .text-container { margin-bottom: 0; }
    /* end of call me */

    /* Projects */
    .filter { padding-top: 2rem; padding-bottom: 2rem; }
    .filter .button-group a { text-decoration: none; display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.75rem 2.0rem 0.75rem 2.0rem; border-radius: 0.25rem;  background-color: #f1f4f7; color: #7b7e85; font: 700 0.875rem/1.25rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s ease; }
    .filter .element-item { width: 25%; }
    .filter .element-item .element-item-overlay { opacity: 0; transition: opacity 0.3s ease; }
    .filter .element-item:hover .element-item-overlay { opacity: 1; }
    /* end of projects */

    /* Project Lightboxes */
    .lightbox-basic img { margin-bottom: 0; }
    .lightbox-basic h3 { margin-top: 0.375rem; }
    .lightbox-basic .btn-solid-reg,
    .lightbox-basic .btn-outline-reg { margin-bottom: 0; }
    /* end of project lightboxes */

    /* Team */
    .basic-2 .team-member { width: 12.75rem; max-width: 100%; margin-right: 0.75rem; margin-left: 0.75rem; }
    /* end of team */

    /* About */
    .counter .image-container { margin-bottom: 0; }
    /* end of about */

    /* Contact */
    .form-2 { padding-top: 6.875rem; }
    .form-2 .text-container { margin-bottom: 0; }
    /* end of contact */

    /* Extra Pages */
/*    .ex-header h1 { width: 80%; margin-right: auto; margin-left: auto; } */
    .ex-header img { width: 12rem; padding-bottom: 1.25rem; }
    .ex-header h1 { color: #fff; }
    .ex-header h5 { padding-bottom: 0.75rem; color: #7bb2cd; }
    .ex-basic-2 { padding-bottom: 5rem; }
    /* end of extra pages */

}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {	
    /* General Styles */
    p { color: #787976; font: 1.0rem/2.0rem "Montserrat", sans-serif; }
    .p-heading { width: 55%; }
    /* end of general styles */

    /* Navigation */
    .navbar-custom { padding-right: 5rem; padding-left: 5rem; }
    .navbar-custom.top-nav-collapse { padding-right: 5rem; padding-left: 5rem; }
    .navbar-custom .navbar-brand.logo-image img { width: 16.0rem; -webkit-backface-visibility: hidden; }
    /* end of navigation */
    .floating-menu { left: 5rem; top: 100px; bottom: auto; }

    /* Header */
    .header .header-content { padding-top: 14.75rem; padding-bottom: 17.5rem; }
    /* end of header */


    /* Intro */
    .basic-1 .text-container { margin-top: 1.875rem; margin-right: 3rem; }
    /* end of intro */

    /* Description */
    .cards-1 .card { max-width: 21rem; }
    .cards-1 div.card:nth-child(3n+2) { margin-right: 2.875rem; margin-left: 2.875rem; }
    /* end of description */

    /* Key Business */
    .cards-2 .card { max-width: 20.875rem; }
    .cards-2 .card-body { padding: 2.25rem 2.0rem 2.125rem 2.0rem; }
    .cards-2 .col-lg-12 div.card:nth-child(3n+2) { margin-right: 3rem; margin-left: 3rem; }
    /* end of Key Business */

    /* Details 1 */
    .accordion .accordion-container { max-width: 28rem; margin-left: 5rem; }
    /* end of details 1 */

    /* Details 2 */
    .tabs .tabs-container { max-width: 28rem; margin-right: 5rem; margin-left: auto; }
    .tabs #tab-2 .media-wrapper.first { margin-right: 2rem; }
    /* end of details 2 */

    /* Call Me */
    .form-1 .text-container { margin-top: 1.375rem; margin-right: 1.75rem; margin-left: 3rem; }
    .form-1 form { margin-left: 1.75rem; margin-right: 3rem; }

    /* end of call me */

    /* Projects */
    .filter .element-item { width: 17.3125rem; height: 16.875rem; }
    .filter .element-item .element-item-overlay span { top: 45%; }
    /* end of projects */

    /* Team */
    .basic-2 .team-member { width: 14.375rem; margin-right: 1.375rem; margin-left: 1.375rem; }
    /* end of team */

    /* About */
    .counter { padding-bottom: 6.125rem; }
    .counter .image-container { margin-right: 1.5rem; }
    .counter .text-container { margin-top: 0.375rem; margin-right: 2.5rem; margin-left: 2rem; }
    /* end of about */

    /* Contact */
    .form-2 .text-container { margin-top: 0.875rem; margin-right: 1.5rem; }
    .form-2 form { margin-left: 1.5rem; }
    /* end of contact */

    /* Footer */
    .footer .text-container.about { margin-right: 5rem; }
    /* end of footer */

    /* Extra Pages */
    .ex-header h1 { width: 60%; margin-right: auto; margin-left: auto; }
    .ex-basic-2 .form-container { margin-left: 1.75rem; }
    /* end of extra pages */

}
/* end of min-width width 1200px */


/* Min-width width 1600px */
@media (min-width: 1600px) {	
    /* Navigation */
    .navbar-custom { padding-right: 12rem; padding-left: 12rem; }
    .navbar-custom.top-nav-collapse { padding-right: 12rem; padding-left: 12rem; }
    /* end of navigation */
    .floating-menu { left: 12rem; top: 100px; bottom: auto; }

}
/* end of min-width width 1200px */