body, html { width: 100%; height: 100%; }
body, p { color: #787976; font: 400 1rem/1.5625rem "Open Sans", sans-serif; }
.p-large { font: 400 1.125rem/1.625rem "Open Sans", sans-serif; }
.p-small { font: 400 0.875rem/1.375rem "Open Sans", 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: #484a46; font: 700 2.5rem/3rem "Montserrat", sans-serif; }
h2 { color: #161f28; font: 700 1.75rem/2.125rem "Montserrat", sans-serif; }
h3 { color: #484a46; font: 700 1.375rem/1.75rem "Montserrat", sans-serif; }
h4 { color: #161f28; font: 700 1.25rem/1.625rem "Montserrat", sans-serif; }
h5 { color: #484a46; font: 700 1.125rem/1.5rem "Montserrat", sans-serif; }
h6 { color: #484a46; font: 700 1rem/1.375rem "Montserrat", sans-serif; }
a { color: #787976; text-decoration: underline; }
a:hover { color: #787976; text-decoration: underline; }
a.green { color: #14bf98; }
a.white, .white { color: #dfe5ec; }
.testimonial-text { font-style: italic; }
.testimonial-author { font: 700 1rem/1.375rem "Montserrat", sans-serif; }
strong { color: #484a46; }
.section-title { color: #e77e4e; font: 500 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 #b6142c; border-radius: 0.25rem; background-color: #b6142c; color: #fff; font: 700 0.75rem/0 "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-solid-reg:hover { background-color: transparent; color: #e77e4e; text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 1.375rem 2.125rem 1.375rem 2.125rem; border: 0.125rem solid #b6142c; border-radius: 0.25rem; background-color: #b6142c; color: #fff; font: 700 0.75rem/0 "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: #fff; 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: 700 0.75rem/0 "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/0 "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/0 "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 "Open Sans", 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; /* needed for proper display of the label in Firefox, IE, Edge */ 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 "Open Sans", sans-serif; transition: all 0.2s; -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ }
.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 { /* you should keep these first rules in place to maintain cross-browser behavior */ -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; /* removes the ugly default down arrow on select form field in IE11 */
}
.form-control-textarea { display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ width: 100%; height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ 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 "Open Sans", sans-serif; transition: all 0.2s; }
.form-control-input:focus, .form-control-select:focus, .form-control-textarea:focus { border: 1px solid #a1a1a1; outline: none; /* Removes blue border on focus */ }
.form-control-input:hover, .form-control-select:hover, .form-control-textarea:hover { border: 1px solid #a1a1a1; }
.checkbox { font: 400 0.875rem/1.375rem "Open Sans", 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 #161f28; border-radius: 0.25rem; background-color: #161f28; color: #fff; font: 700 0.75rem/1.75rem "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s; }
.form-control-submit-button:hover { background-color: transparent; color: #14bf98; }
/* 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 "Open Sans", 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%; /* centers the loading animation vertically one the screen */ left: 50%; /* centers the loading animation horizontally one the screen */ width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ 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: 600 0.875rem/0.875rem "Open Sans", sans-serif; transition: all 0.2s; }
.navbar-custom .navbar-brand { font-size: 0; }
.navbar-custom .navbar-brand.logo-image img { width: 7.0625rem; height: 2rem; -webkit-backface-visibility: hidden; }
.navbar-custom .navbar-brand.logo-text { margin-top: 0.25rem; margin-bottom: 0.25rem; font: 700 2.25rem/1.5rem "Montserrat", sans-serif; color: #fff; text-decoration: none; }
.navbar-custom .navbar-nav { margin-top: 0.75rem; 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: #b6142c; }
/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu { display: block; /* this makes the dropdown menu stay open while hovering it */ min-width: auto; animation: fadeDropdown 0.2s; /* required for the fade animation */ }
@keyframes fadeDropdown {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on 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: 600 0.875rem/0.875rem "Open Sans", 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.3), rgba(0, 0, 0, 0.5)), url('../images/banner-bg.jpg') center center no-repeat; background-size: cover; }
.header .header-content { padding-top: 8rem; padding-bottom: 2.125rem; text-align: center; }
.header .text-container { margin-bottom: 3rem; }
.header h1 { margin-bottom: 0.5rem; color: #fff; }
.header .p-large { margin-bottom: 2rem; color: #dfe5ec; }
.header .btn-solid-lg { margin-right: 0.5rem; margin-bottom: 1.25rem; }
/*********************/
/*     05. Intro     */
/*********************/
.basic-1 { padding-top: 6.5rem; padding-bottom: 3rem; }
.basic-1 .text-container { margin-bottom: 3rem; }
.basic-1 .section-title { margin-bottom: 0.5rem; }
.basic-1 h2 { margin-bottom: 1.375rem; }
.basic-1 .testimonial-author { color: #484a46; }
/* Hover Animation */
.basic-1 .image-container { overflow: hidden; border-radius: 0.25rem; }
.basic-1 .image-container img { margin: 0; border-radius: 0.25rem; transition: all 0.3s; }
.basic-1 .image-container:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
/* end of hover animation */
/***************************/
/*     06. Description     */
/***************************/
.cards-1 { padding-top: 3rem; padding-bottom: 2.875rem; }
.cards-1 .card { margin-bottom: 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; }
/************************/
/*     07. Services     */
/************************/
.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 .price { margin-bottom: 0.25rem; color: #484a46; font: 700 1rem/1.5rem "Montserrat", sans-serif; text-align: center; }
.cards-2 .price span { color: #14bf98; }
.cards-2 .button-container { margin-top: -1.375rem; text-align: center; }
.cards-2 .btn-solid-reg:hover { background-color: #fff; }
/*************************/
/*     08. Details 1     */
/*************************/
.accordion .area-1 { height: 27rem; background: url('../images/details-1-background.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 h2 { 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 "Montserrat", 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: 70%; margin-top: 0.125rem; margin-bottom: 0.25rem; color: #484a46; font: 700 1.25rem/1.75rem "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.375rem/1.375rem "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 "Open Sans", 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/details-2-background.jpg') center center no-repeat; background-size: cover; }
/****************************/
/*     10. Testimonials     */
/****************************/
.slider { padding-top: 6.375rem; padding-bottom: 6.5rem; background-color: #161f28; }
.slider h2 { margin-bottom: 0.75rem; text-align: center; color: #e77e4e; }
.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 { /* even if you can't see it chrome you can see it on mobile device */ 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: 6rem; height: 6rem; margin-right: auto; margin-bottom: 0.25rem; margin-left: auto; border-radius: 50%; }
.slider .card .card-body { padding-bottom: 0; }
.slider .testimonial-text { margin-bottom: 0.625rem; }
.slider .testimonial-author { color: #484a46; }
/**********************/
/*     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; }
.filter .button-group a { display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.3125rem 1.375rem 0.25rem 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; }
.filter .button-group a:hover { background-color: #14bf98; color: #fff; }
.filter .button-group a.button.is-checked { background-color: #14bf98; 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; }
/**********************************/
/*     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. Team     */
/********************/
.basic-2 { padding-top: 6.375rem; padding-bottom: 3.375rem; background-color: #fbfbfb; text-align: center; }
.basic-2 h2 { margin-bottom: 0.75rem; }
.basic-2 .team-member { display: inline-block; max-width: 13rem; margin-right: 1.5rem; margin-bottom: 3.5rem; margin-left: 1.5rem; }
/* Hover Animation */
.basic-2 .image-wrapper { overflow: hidden; margin-bottom: 1.5rem; }
.basic-2 .image-wrapper img { margin: 0; transition: all 0.3s; }
.basic-2 .image-wrapper:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
/* end of hover animation */
.basic-2 .team-member .p-large { margin-bottom: 0.25rem; }
.basic-2 .team-member .job-title { margin-bottom: 0.75rem; color: #484a46; font: 700 1rem/1.375rem "Montserrat", sans-serif; }
.basic-2 .fa-stack { width: 1.75rem; height: 1.75rem; margin-right: 0.125rem; margin-left: 0.125rem; }
.basic-2 .fa-stack .hexagon { position: absolute; left: 0; width: 1.75rem; height: 1.75rem; background: url('../images/hexagon-green.svg') center center no-repeat; background-size: 1.75rem 1.75rem; transition: all 0.2s ease; }
.basic-2 .fa-stack:hover .hexagon { background: url('../images/hexagon-white.svg') center center no-repeat; background-size: 1.75rem 1.75rem; }
.basic-2 .fa-stack-1x { font-size: 0.6875rem; line-height: 1.75rem; color: #fff; transition: all 0.2s ease; }
.basic-2 .fa-stack:hover .fa-stack-1x { color: #14bf98; }
/*********************/
/*     15. About     */
/*********************/
.counter { padding-top: 6.875rem; padding-bottom: 5.25rem; }
.counter .image-container { margin-bottom: 3rem; }
.counter .image-container img { border-radius: 0.25rem; }
.counter .section-title { margin-bottom: 0.5rem; }
.counter h2 { margin-bottom: 1.375rem; }
.counter .list-unstyled { margin-bottom: 1.5rem; }
.counter .list-unstyled .fas { color: #14bf98; font-size: 0.5rem; line-height: 1.375rem; }
.counter .list-unstyled .media-body { margin-left: 0.625rem; }
.counter #counter { text-align: center; }
.counter #counter .cell { display: inline-block; width: 9.5rem; 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; font-size: 0.875rem; line-height: 1.25rem; vertical-align: middle; }
/***********************/
/*     16. 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 h2 { margin-bottom: 1.375rem; }
.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: #7b0a1c; }
.form-2 .list-unstyled .fa-phone { vertical-align: 3%; }
.form-2 h3 { margin-bottom: 1rem; }
.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; }
/**********************/
/*     17. Footer     */
/**********************/
.footer { padding-top: 5rem; background-color: #113448; }
.footer .text-container { margin-bottom: 2.25rem; }
.footer h4 { margin-bottom: 0.75rem; color: #fff; }
.footer p, .footer ul { font-size: 0.875rem; line-height: 1.375rem; }
/*************************/
/*     18. Copyright     */
/*************************/
.copyright { padding-top: 1rem; padding-bottom: 0.5rem; background-color: #161f28; text-align: center; }
/**********************************/
/*     19. 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: #e77e4e 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: #b6142c; }
/***************************/
/*     20. Extra Pages     */
/***************************/
.ex-header { padding-top: 8rem; padding-bottom: 5rem; background-color: #153e52; text-align: center; }
.ex-header h1 { color: #fff; }
.ex-basic-1 { padding-top: 2rem; padding-bottom: 0.875rem; background-color: #fbfbfb; }
.ex-basic-1 .breadcrumbs { margin-bottom: 1rem; }
.ex-basic-1 .breadcrumbs .fa { margin-right: 0.5rem; margin-left: 0.625rem; }
.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: #14bf98; font-size: 0.5rem; line-height: 1.375rem; }
.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; }

/*****************************/
/*     21. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
/* General Styles */
.p-heading { width: 85%; margin-right: auto; margin-left: auto; color: #fff; }
/* 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-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: #b6142c; }
.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: #7b0a1c; }
.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: #e77e4e; }
.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 */
/* Header */
.header .header-content { padding-top: 13rem; padding-bottom: 7.5rem; }
.header h1 { font: 700 3.5rem/4rem "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 .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: 11rem; padding-bottom: 9rem; }
.ex-basic-2 .form-container { margin-top: 0.5rem; }
/* end of extra pages */
}

/* 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 .social-icons { display: none; margin-left: 0.5rem; }
.navbar-custom .fa-stack { margin-left: 0.375rem; font-size: 0.8125rem; }
.navbar-custom .fa-stack .hexagon { width: 1.625rem; height: 1.625rem; position: absolute; background: url('../images/hexagon-green.svg') center center no-repeat; background-size: 1.625rem 1.625rem; transition: all 0.2s ease; }
.navbar-custom .fa-stack:hover .hexagon { background: url('../images/hexagon-white.svg') center center no-repeat; background-size: 1.625rem 1.625rem; }
.navbar-custom .fa-stack-1x { font-size: 0.6875rem; line-height: 1.625rem; color: #fff; transition: all 0.2s ease; }
.navbar-custom .fa-stack:hover .fa-stack-1x { color: #14bf98; }
/* end of navigation */
/* Header */
.header .header-content { padding-top: 14rem; padding-bottom: 15rem; }
.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 */
/* Services */
.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 */
/* 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-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-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; }
/* end of navigation */
/* 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 */
/* Services */
.cards-2 .card { max-width: 20.875rem; }
.cards-2 .card-body { padding: 2.25rem 2.5rem 2.125rem 2.5rem; }
.cards-2 .col-lg-12 div.card:nth-child(3n+2) { margin-right: 3rem; margin-left: 3rem; }
/* end of services */
/* 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; /* to eliminate grid overflow problem on hard refresh */ 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 */
}
/* end of min-width width 1200px */
.copyright .p-small strong { color: #fff; }
.morphext > .animated { display: inline-block; }
.fa-stack i { left: 0; position: absolute; text-align: center; width: 100%; }
.fa-stack i img { max-width: 60%; }
.slider .card-slider .swiper-slide .card-image {width: auto;}
.slider .card-slider .owl-nav {margin: 0;}
.slider .card-slider .owl-nav .owl-prev {position: absolute; left: 0; top:70px;}
.slider .card-slider .owl-nav span{font-size: 60px; line-height: 40px; display: block;}
.slider .card-slider .owl-nav .owl-next {position: absolute; right: 0; top:70px; font-size: 74px;}
.slider .card-slider .swiper-slide .card-body {margin: 0 45px;}
.slider .card-slider .owl-dots {margin-top: 50px;}
.slider .card-slider .owl-dots .owl-dot.active span {background:#e77e4e !important;}
.slider .card-slider .owl-dots .owl-dot span {width: 16px; height: 15px;}

.slider .card-slider .owl-nav button:hover {background: none; color: none !important; text-decoration: none !important;}