html, body {font-family: "Roboto", sans-serif;line-height: 1.6; min-width: 320px;}
a, a:hover {color: #8521ac;}
#preloader{position:fixed;left:0;top:0;z-index:99999999;width:100%;height:100%;overflow:visible;background:#000 url(../../../media/site/images/preloader-logo.gif) no-repeat center center}
.header-masthead {padding-top: 10rem;padding-bottom: calc(10rem - 56px);background-position: 50%;background-size: cover;}
@media (min-width: 992px){.header-masthead {height: 100vh; min-height: 650px;padding-top: 0;padding-bottom: 0;}}
.header-masthead p {font-weight: 400;letter-spacing: 3.2px;text-transform: uppercase; font-family: "Poppins", sans-serif;font-size: 0.75rem;text-align: left; z-index: 2; position: relative;}
@media (min-width: 768px){.header-masthead p {font-size: 1rem;}}
.header-masthead h1 {text-align: left;z-index: 2; position: relative; margin-bottom: 20px;line-height: 1.290; font-family: "Poppins", sans-serif;font-weight: 600;color: #ffffff;}
@media (min-width: 992px){
.header-masthead h1 { font-size: 4rem; margin-bottom: 35px;}}
@media (min-width: 1600px){.header-masthead h1 { font-size: 3rem;line-height: 1.290;}}
section {padding: 4rem 0;}
@media (min-width: 768px) {section {padding: 5rem 0;}}
@media (min-width: 992px) {section {padding: 7.5rem 0; }}
@media (min-width: 1200px) {.navbar {padding: 30px 15px; }}
.navbar {padding: 30px 15px;}
@media (max-width: 992px) {.navbar { padding: 8px 30px; }}
@media (max-width: 250px) {.navbar { padding: 8px 10px; }}
/* ANIMATED HAMBURGUER MENU */
.animated-icon3 {width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.animated-icon3 span {display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;background: #8521ac;}
.animated-icon3 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;left: 8px;}
.animated-icon3.open span:nth-child(2) { width: 0%; opacity: 0;}
.animated-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg); top: 21px; left: 8px;}
/* END ANIMATED HAMBURGUER MENU */
#mainNav, #mainNav .navbar-brand {font-family: "Poppins", sans-serif;}
.navbar-nav { display: -ms-flexbox;display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0;list-style: none;}
.navbar-brand {font-size: unset;}
@media (min-width: 1200px) {.navbar-brand img {height: 90px;}}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover { color: #8521ac; height: unset; font-size: 1.6rem;}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {color: #8521ac;}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #8521ac; height: unset; font-size: 1.6rem;}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {color: #8521ac!important; background-color: transparent;}
#mainNav.navbar-shrink {padding-top: 8px; padding-bottom: 8px;}
#mainNav.navbar-shrink {padding-top: 8px;padding-bottom: 8px;}
#mainNav.navbar-shrink { border-bottom: none; background-color: #fff; box-shadow: 0 0 20px 0 rgba(10, 16, 21, 0.08);}
#mainNav { transition: all .4s;}
@media (max-width: 992px) { 
.navbar-brand {height: unset; font-size: 1.6rem; }
.fixed-bottom, .fixed-top { max-height: 100%; overflow: visible; overflow-x: hidden;}}
@media (min-width: 1600px) {.menu-btns { margin-left: 25px; padding-left: 22px;}}
.menu-btns {margin-bottom: 26px; margin-top: -10px;padding-top: 10px; display: flex;position: relative;list-style: none;}
.read-more{display: inline-block;color: #8521ac; line-height: 1; cursor: pointer; position: relative; margin-right: 15px; padding: 19px 0px; -webkit-transition: all .25s; -webkit-transition-timing-function: linear; transition: all .25s; transition-timing-function: linear; font-weight: 600;}
.read-more:hover{color:#000}
@media (min-width: 992px) {.menu-btns { display: flex;margin-bottom: -10px; margin-left: 12px; padding-left: 15px;padding-top: 0;}}
@media (max-width: 992px) {.menu-btns { margin-bottom: 26px; margin-top: 20px; padding: 0px;}}
.collapse.in { display: block; visibility: visible;}
.menu-btns::before { position: absolute; content: ''; left: 0; bottom: 0; width: 1px; height: 18px; background: #e5e5e5; margin: auto 0;top: 0; display: none;}
hr { border-color: #8521ac;}
ol, ul {list-style: block;}
.drop-panel {background-color: #8521ac; padding: 1px 20px; color: white; margin: 10px 0;}
.drop-panel a:hover {color: white;text-decoration:unset:}
.drop-panel-arrow{ color: white; font-size: 1.2em; font-weight: 600;}
.drop-panel-title{margin-top: 0.8rem;}
.fa-chevron-down{float: right;}
@media (min-width: 992px) {.menu-btns::before {display: block; }}
@media (min-width: 992px) { .menu-btns > li:last-child {padding-right: 0;}}
.menu-btns > li { padding: 0px;}
@media (min-width: 992px) {.menu-btns > li { padding: 10px; }}
@media (min-width: 576px) {.menu-btns > li a {padding: 12px 22px; }}
.btn {position: relative;font-size: 14px;font-weight: 700;font-family: "Poppins", sans-serif;color: #ffffff;background: #8521ac; text-transform: uppercase; border-radius: 0px; display: inline-block;padding: 10px 20px;transition: all ease .5s;outline-style: none;min-width: 120px;}
@media (min-width: 992px) {.btn {padding: 13px 30px 14px;}}
.btn:hover {color: #000000;}
@media (max-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 14px;font-weight: 700;text-transform: capitalize;color: #212529;padding: 12px 0px;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { font-size: 12px;font-weight: 600; text-transform: uppercase; color: #212529; }}
@media (min-width: 1200px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 14px;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover { color: #8521ac; background-color: #fff; transition: all .4s;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { color: #ffffff; }}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 20px 10px; }}
@media (min-width: 1200px) { #mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 10px 15px; }}
@media (min-width: 1600px) {.menu-btns {margin-left: 25px;padding-left: 22px; }}
ul.dropdown-menu { border-radius: 0;border-top: none; padding: 15px 0px; min-width: 100%; background: #ffffff; border: none; box-shadow: none; margin: 0;}
@media (min-width: 992px) {
  ul.dropdown-menu {border-radius: 0; border-top: none;padding: 15px 0px;min-width: 250px;background: #ffffff;border: none;box-shadow: 0px 3px 12px 0px rgba(10, 16, 21, 0.08);}
.menu-sub { position: absolute; max-width: 220px; min-width: 220px;background: #ffffff;padding: 15px 0;top: 100%;left: 0; display: block !important; z-index: 99; opacity: 0;visibility: hidden;transition: all .4s;transform: translateX(0) translateY(-8px);box-shadow: 0px 3px 12px 0px rgba(10, 16, 21, 0.08);}}
@media (min-width: 992px) {.dropdown.dropdown-top:hover .dropdown-menu.multi-level { display: block; margin-top: 0px;}}
.arrow-menu {margin-left: 10px;float: right;}
@media (min-width: 992px) {.arrow-menu { margin-left: 8x;float: unset;font-size: 12px;}}
.dropdown-menu a { padding: 8px 10px;color: #000; font-size: 13px; display: block; text-decoration: none;transition: all .4s;}
@media (min-width: 992px) {.dropdown-menu a {padding: 8px 10px; color: #000; font-size: 13px;display: block;text-decoration: none;transition: all .4s;}}
@media (min-width: 1200px) { .dropdown-menu a { padding: 10px 18px; }}
@media (min-width: 992px) {.navbar-nav > .dropdown:hover > a {background-color: #ffffff;color: #8521ac!important;}}
@media (min-width: 992px) {.dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(0) translateY(0);}}
.dropdown-menu a:hover {color: #8521ac;}
.navbar-toggler {padding: 0.25rem 0.25rem; font-size: 1.65rem;background-color: transparent; border: none; border-radius: 0.25rem;}
.navbar-light .navbar-toggler {color: #8521ac;}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover { color: #8521ac;}
.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75);}
.dropdown-menu .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75);}
@media (min-width: 992px) {.dropdown-menu .menu-item:first-child { border-top: none; }}
.menu-item:last-child { border-bottom: 0;}
@media (min-width: 992px) {.menu-item { border-bottom: none; }.double-columns ul{ min-width: 649px }.double-columns  li{ float:left;width:50%}}
@media (max-width: 992px) {.menu-sub { padding: 0 0 0 15px!important; }}
/* ANIMATED LINES */

@keyframes rotateFull {0% {transform: rotate(0deg);}50% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}
@keyframes lineTop {0% {transform: scale(0, 1);}12.5% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
@keyframes lineRight {0% {transform: scale(1, 0);}12.5% {transform: scale(1, 0);}25% {transform: scale(1, 1);}75% {transform: scale(1, 1);}}
@keyframes lineBottom {0% {transform: scale(0, 1);}25% {transform: scale(0, 1);}37.5% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
@keyframes lineLeft {0% {transform: scale(1, 0);}37.5% {transform: scale(1, 0);}50% {transform: scale(1, 1);}100% {transform: scale(1, 1);}}
.line {background: #8521ac;display: block;}
.line-animate {width: 80%;height: 100%;top: 0;position: absolute;left: 0;z-index: 1;display: none;}
.line-animate.active {display: block;}
.line-top {width: 100%;height: 4px;position: absolute;top: 0;left: 0;transform-origin: left top;transform: scale(1, 1);animation: lineTop 5s linear 0s;}
.line-right {width: 4px;height: 100%;position: absolute;top: 0;right: 0;transform-origin: left top;transform: scale(1, 1);animation: lineRight 5s linear 0s;}
.line-bottom {width: 100%;height: 4px;position: absolute;right: 0;bottom: 0;transform-origin: right top;transform: scale(1, 1);animation: lineBottom 5s linear 0s;}
.line-left {width: 4px;height: 100%;position: absolute;left: 0;bottom: 0;transform-origin: left bottom;transform: scale(1, 1);animation: lineLeft 5s linear 0s;}
@media (min-width: 480px) {.line-animate {width: 60%;}}
@media (min-width: 576px) {.line-animate {width: 60%;}}
@media (min-width: 576px) {.banner-inner .line-animate {width: 60%;}}
@media (min-width: 768px) {.line-animate {width: 50%;}}
@media (min-width: 768px) {.banner-inner .line-animate {width: 60%;}}
@media (min-width: 992px) {.line-animate .banner-content {width: 40%;}}

/* END ANIMATED LINES */

@media (min-width: 991px){.banner-block{    display: flex;align-items: center;padding: 80px 0 0!important;}}
.p-title-header{letter-spacing: 3.2px; font-family: "Poppins", sans-serif;font-weight: 400;font-size: 1rem; margin-bottom: 18px;text-align: left;text-transform: uppercase; position: relative; z-index: 1;}
.title-cont-box{font-size: 1.125rem;font-weight: 700;font-family: "Poppins", sans-serif;}
.addres-cont-box{font-size: 1.5rem;font-weight: 300;line-height: 1;}
.pho-cont-box{border-bottom: 1px solid #e2e8eb;padding: 12px 0;}
@media (max-width: 767px){	.p-title-header{font-size: 0.75rem;}	}
.banner-block{  padding: 0;}
.banner-content {padding-left: 15px; padding-top: 50px; padding-bottom: 50px; position: relative;}
.banner-content-2 {padding: 50px 40px; color:#fff;position: relative;}
@media (min-width: 575px) {
  .banner-content { padding: 60px 50px;}
		.banner-content-2 {	padding: 50px 50px;}}
@media (min-width: 992px) {
.banner-content { padding: 70px 60px; }
.banner-content-2 {padding: 50px 60px;}}
.marg-lef{margin-right: 0;margin-left: unset}
.banner-inner{min-height: 100%; padding: 118px 0 50px;}
.banner-inner h1{margin-bottom: 0;font-size: 1.714rem;font-weight: 900;color: #ffffff !important;font-family: "Poppins", sans-serif;z-index: 1;position: relative;	}
@media (min-width: 575px) {.banner-inner h1{font-size: 2.5rem}}
@media (min-width: 1199px){.banner-inner{padding: 160px 0 80px; min-height: 100%;}}
@media (min-width: 1280px) {.banner-content {padding: 70px 80px;}
.banner-content-2 { padding: 50px 80px;}
.banner-inner h1{font-size: 3.75rem}}
@media (min-width: 1600px) {
.banner-content { padding: 100px;}
.banner-content-2 { padding: 50px 80px;}
.banner-inner{padding: 220px 0 150px;min-height: 72px;}
.banner-inner h1{font-size: 3.3rem}}
header.masthead h1 { text-align: left;z-index: 2; position: relative; margin-bottom: 20px; line-height: 1.290; font-family: "Poppins", sans-serif; font-weight: 600; color: #ffffff;}
@media (min-width: 992px) {header.masthead h1 {font-size: 4rem; margin-bottom: 35px;}}
@media (min-width: 1600px) {header.masthead h1 {font-size: 3rem; line-height: 1.290; }}
@media (max-width: 575px) { header.masthead h1 {font-size: 1.75rem; }}
header.masthead p {font-weight: 400;letter-spacing: 3.2px;text-transform: uppercase; font-family: "Poppins", sans-serif;font-size: 0.75rem; text-align: left; z-index: 2; position: relative;}
@media (min-width: 768px) {header.masthead p { font-size: 1rem; }}
.banner-btn { display: flex; align-items: center; position: relative; z-index: 2;}
.banner-btn-content { font-size: .75rem; font-weight: 700; margin-right: 10px; margin-bottom: 0;text-transform: uppercase; font-family: "Poppins", sans-serif;}
@media (min-width: 768px) {.banner-btn-content {font-size: 1rem;}}
.btn-scroll {width: 30px; height: 30px; border-radius: 50%; font-size: 14px; padding: 4px; padding-left: 5px;background: #8521ac; color: #ffffff; display: inline-block; text-align: center;}
.btn-scroll:hover { color: #000;}
@media (min-width: 992px) {.btn-scroll { width: 50px; height: 50px;font-size: 32px; padding: 0px; padding-left: 3px; }}
.box-image { max-width: 100%;}
@media (max-width: 992px) {.box-image { margin-top: 60px; }}
img { max-width: 100%;}
.social-header { margin-top: 30px;text-align: left;}
:root { --primary: #8521ac;}
.social-header .list-inline-item { margin-right: 15px;}
.social-header .bs-icon { --bs-icon-size: .9rem;}
.heading-title { font-size: 14px; font-weight: 500;font-family: "Poppins", sans-serif; color: #4a4a4a; text-transform: uppercase; margin-bottom: 13px; letter-spacing: 1.4px; line-height: .8;}
.dash {padding-left: 35px;padding-right: 35px; position: relative;display: inline-block;}
.dash::before, .dash::after { position: absolute; content: ''; width: 20px; height: 2px; background: #8521ac; left: 0; top: 0; bottom: 0; margin: auto 0;}
.main-section h2 { margin-bottom: 13px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #131313; font-weight: 700; font-family: "Poppins", sans-serif;line-height: 1.3; margin-bottom: 0.5rem;}
.subheading { font-size: 1.25rem;font-weight: 300; line-height: 1.6;color: #4b4b4b;}
.test-sub{color: #8521ac;font-weight: 400;}
@media (min-width: 1200px) {.subheading { margin-top: 13px; margin-bottom: 0;}}
@media (min-width: 992px) {.subheading {font-size: 1.5rem;}}
@media (min-width: 992px) {.logo-white, .navbar:not(.navbar-shrink) .logo-original { display: none; height: 50px; }}
@media (max-width: 992px) {.logo-white { display: none;height: 50px; }}
@media (min-width: 992px) {.logo-original, .navbar:not(.navbar-shrink) .logo-white {display: block;}}
@media (max-width: 992px) {.logo-original { display: block; height: 50px; }}
.navbar-shrink img {height: 60px;}
.main-text-block { margin-top: 10px;margin-bottom: 0;}
.main-block-btn {margin-top: 23px;}
.clr-grey {color: #4b4b4b !important;}
.separate-box { margin-top: -30px !important; margin-bottom: -30px !important;}
@media (min-width: 1200px) {.separate-box { margin-top: -30px !important;margin-bottom: -30px !important; }}
.separate-box > li, .separate-box > div { padding-top: 30px !important; padding-bottom: 30px !important;}

/* STAFF */
.department-container { display: block; width: 100%; position: relative; margin: 0 auto 3rem;}
.department-container h2 {text-transform: uppercase;}
.staff-member-container:nth-child(2n) {margin: 0 1rem 1.5rem 0;}
.staff-member-container {width: calc(50% - 1rem);height: auto;margin: 0 0 1.5rem 1rem; padding: 0px; float: left; position: relative; overflow: hidden;}
.department-container:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link { display: block;}
.staff-group { background-color: #f5f5f5; -webkit-transition: background-color .25s; -webkit-transition-timing-function: linear; transition: background-color .25s; transition-timing-function: linear;}
.staff-40 { float: left;width: 35%; margin-right: 2%; height: auto; position: relative;}
.staff-60 { float: left; width: 63%; margin: 0 auto; height: auto; padding: 0 1rem;position: relative; display: table; table-layout: fixed; vertical-align: middle; border:2px solid;}
.staff-overlay { position: absolute; top: 0;left: 0; width: 100%; height: 100%; text-align: center; padding: 0px 0px 0px; background-size: cover;background-position: bottom; background-repeat: no-repeat; opacity: 1;border:2px solid;}
.staff-member-image { display: block; width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.staff-60-name { display: table-cell; float: none; height: 100%; vertical-align: middle; position: relative;}
.staff-60-overlay {position: absolute;height: auto; width: 100%; text-align: center;bottom: 0; margin-bottom: 0.5rem; font-size: 1.3rem; display: table; vertical-align: bottom;}
.member-name {font-size: 1.5rem;font-weight: 700; line-height: 0.9; text-transform: uppercase; color: #000; margin: 0 auto 0.5rem; padding: 0px 0px; position: relative;-webkit-transition: color .125s; -webkit-transition-timing-function: linear; transition: color .125s;transition-timing-function: linear;}
@media screen and (max-width: 599px){
.member-name {font-size: 1.1rem;}
	.member-role{font-size: .8rem; line-height: 1;padding-bottom: 15px;}}
.staff-60-name { display: table-cell;float: none; height: 100%; vertical-align: middle; position: relative;}
.lightbox-container { display: none;}
.lightbox-staff-item { position: relative;}
.lightbox-item-image { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 0px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; opacity: 1; background-color: transparent; max-width: 220px; float: left; margin-right: 25px; margin-bottom: 10px;}
.lightbox-item-image-container {display: block;width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.lightbox-staff-item h4 {font-size: 1.25rem;}
h4.fl-staff-member-name {font-family: 'Oswald',sans-serif; font-weight: 500; font-size: 1.25rem; margin-top: 0;color: #000; text-transform: uppercase;line-height: 1; margin-bottom: 5px;}
.lightbox-staff-item p.fl-staff-member-role { font-family: 'Work Sans',sans-serif; font-weight: 300; color: #666; font-size: .8rem;text-align: left; margin-bottom: 0px; line-height: 1.3;}
.lightbox-staff-item p { font-weight: 300; color: #000;font-size: 1rem;}
.featherlight { position: fixed; display: block; top: 0; left: 0;width: 100%; height: 100%; margin: 0 auto; padding: 0; z-index: 9999999;background-color: rgba(0,0,0,0.7);}
.featherlight .featherlight-content { /* background: rgba(0,0,0,0.75); */ background-color: #f4f4f4; width: 95%; max-width: 800px; padding: 5px 1rem 1rem; margin-top: 30px!important; max-height: calc(100% - 60px); overflow-y: scroll; margin: 0 auto; border: 8px solid #8521ac; }
.featherlight-inner {}
.lightbox-staff-item { position: relative;}
.featherlight-inner:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link:hover .member-name, a.staff-member-link:focus .member-name  { color:#8521ac; }
@media screen and (max-width: 998px){
.staff-member-container:nth-child(2n) {float: none; width: 600px; max-width: 100%; margin: 0 auto 1.25rem;}
.staff-member-container{float: none;width: 600px;max-width: 100%;margin: 0 auto 1.25rem;}}
/* END STAFF */
.bg-primary {background-color: #8521ac!important;}
.t-white { color: #ffffff!important;}
.nk-df-bg, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover {background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.box-content {padding: 30px 20px;}
.box-content h3 {font-size: 1.125rem; line-height: 1.333;}
.box-content h3 + p {margin-top: 13px; margin-bottom: 0;}
@media (min-width: 992px) {.box-content { padding: 40px 30px; }}
.bg-primary .btn.btn-arrow {background: transparent; color: #ffffff;text-decoration: underline;}
.bg-primary .btn.btn-arrow:hover {text-decoration: none;}
.btn-arrow { font-size: 14px; color: #8521ac; font-weight: 600; background: transparent; border-color: #e5e5e5; text-transform: capitalize; border: none; position: relative;min-width: auto; padding: 0;}
.btn-arrow:hover { transition: all ease-in .3s; margin-right: 6px; display: inline-block; transform: translateX(0); text-decoration: none;}
.row-arrow-icon {display: -ms-flexbox; display: flex; -ms-align-items: center;align-items: center; margin-top: 23px;}
.fa-angle-double-right:before {content: "\f101"; margin-left: 4px;}
.separate-box-15 {margin-top: -15px !important;margin-bottom: -15px !important;}
.separate-box-10 { margin-top: -15px !important; margin-bottom: -15px !important;}
.separate-box-15 > li, .separate-box-15 > div { padding-top: 15px !important;padding-bottom: 15px !important;}
.separate-box-10 > li, .separate-box-10 > div { padding-top: 15px !important;padding-bottom: 15px !important;}
.bg-secondary { background-color: #ecf6fa !important;}
.t-grey {color: #4b4b4b !important;}
.h-full {height: 100%;}
.grey-box { padding: 30px;}
@media (min-width: 992px) { .grey-box {padding: 50px 40px 50px;}}
h4, .h4, .fz-4 {font-size: 1.125rem;line-height: 1.333;}
@media (min-width: 992px) {.port-top {margin-bottom: 68px; }}
.port-bottom { margin-bottom: 38px; line-height: .8;}
.portfolio-box .portfolio-box-caption {background: #8521ac;}
.bg-fixed { background-attachment: fixed;}

/* brands slider */

.brands { width: 100%;padding-top: 90px;padding-bottom: 90px;}
@media (min-width: 447px) {.brands_slider_container { height: 130px; border: solid 1px #e8e8e8;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); padding-left: 97px;padding-right: 97px;background: #fff; }}
.brands_slider_container {background: #fff;}
.brands_slider {height: 100%;margin-top: 35px;}
.brands_item { height: 100%;}
.brands_item img { max-width: 100%;}
.brands_nav { position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; cursor: pointer;}
@media (max-width: 446px) {.brands_nav {display: none;}}
.brands_nav i { color: #e5e5e5;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease;transition: all 200ms ease;}
.brands_nav:hover i {color: #676767;}
.brands_prev { left: 40px;}
.brands_next { right: 40px;}

/* testimonials slider */

#demo {background-color: rgba(28, 30, 41, 0.9);margin: auto;}
.p-t-tes{ padding-top: 40px!important; font-size: 1.2rem!important;}
.carousel-caption {position: initial;z-index: 10; padding: 40px 40px;padding-top: 0px; color: #fff;text-align: left; font-size: 1.5rem; font-style: italic;line-height: 1.5;font-weight: 300; min-height: 310px;}
@media (max-width: 767px) { .carousel-caption { position: initial; z-index: 10; text-align: left; font-size: 1rem; font-style: italic; line-height: 1.5rem; }}
@media (max-width: 992px) {.carousel-caption { min-height: 310px;}}
.carousel-caption img {max-width: 54px;}
#image-caption {margin-left: 15px;line-height: 1.2; text-align: left;}
#image-caption p { margin-bottom: 0px; margin-top: 0;}
.carousel-control-prev {justify-content: flex-start;}
.carousel-control-next {justify-content: flex-end;}
.carousel-control-prev, .carousel-control-next {transition: none;opacity: unset;}
.carousel-control-next i, .carousel-control-prev i {background-color: #8521ac;}
.align-image { align-items: center; margin-right: unset;margin-left: unset;}
#image-caption p {font-size: .75rem;font-weight: 300;}
.author-name {font-size: 1rem;text-transform: uppercase;font-style: normal;font-weight: 600;}
.carousel-caption p {margin: 10px 0 30px;}
.testimonials-title {color: #fff; padding: 40px 30px 5px;font-size: 1.875rem;font-weight: 700;}
.testimonial-arrows {position: absolute;display: inline-block;right: 0; bottom: 0;}
.carousel-control-next, .carousel-control-prev {width: 40px;height: 40px; background: #8521ac; color: #ffffff;border-radius: 0; opacity: 1; bottom: 0px; top: auto;transform: translate(0);padding: 0;font-size: 16px; padding: 8px;position: static;display: inline-block !important;}

/* form */

.ml-15{margin-left:15px;}
.get-in-touch .form-group { float: left; width: calc(50% - 0.5rem); position: relative; margin: 0 auto 0.5rem;}
.field-checkbox-1697745633319 {width: 100%!important;}
.field-checkbox-1697745633319 label {display: inline!important;}
.field-message{width:100%!important;}
form label {display:none;}
.get-in-touch .form-control {width: 100%;font-size: 1rem;border: 1px solid #ecf6fa; padding: 18px 20px;margin-bottom: 10px; color: #4b4b4b;background: transparent; background-color: #ecf6fa !important;height: auto;}
@media (min-width: 992px) {
.get-in-touch .form-control { margin-bottom: 30px;}}
/* Footer */

.footer-section {padding-top: 90px;padding-bottom: 90px; background-color: #121b22; color: #a2a9bf;}
.text-muted {color: #a2a9bf!important;}
.t-grey-light {color: #6a6a6a;}
@media (min-width: 992px) {.copyr-content { text-align: left; }}
.copyr-content {font-size: .865rem;line-height: 1;}
.footer-title { font-size: 1.125rem;line-height: 1.333;font-weight: 700;}
.bs-icon.bs-icon-circle {border-radius: 20%;}
.bs-icon.bs-icon-square { border-radius: 20%;}
.bs-icon.bs-icon-footer{background-color:#fff;}
.social-icon-size {--bs-icon-size: 1.75rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size: var(--bs-icon-size); width: calc(var(--bs-icon-size) * 2); height: calc(var(--bs-icon-size) * 2); color: var(--primary);background-color: #fff; border-radius: 20%; margin-top: 8px;}
.footer-social.social-icon-size { margin-right: 8px; margin-top: 8px; background-color: #fff;}
.footer-social-color{color:#121b22}
.footer-social .bs-icon {--bs-icon-size: 1.10rem; margin-right: 8px; margin-top: 8px; color: #121b22;background-color: #fff;}
.list-inline-item { display: inline-block!important;}
.footer-menu {font-size: 14px;}