/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html, body {padding: 0; margin: 0; box-sizing: border-box; background-color: #ffffff; font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@media screen and (max-width: 768px) {
	html, body {font-size: 14px;}
}

body { font-family: 'Roboto', sans-serif; color: var(--dark); }
:root {
	--darkorange: #dc5414;
	--orange: #fd7f20;
	--lightorange: #fdb750;
	--dark: #1c1c14 !important;
	--darkgrey: #797979;
	--darkgrey2: #454545;
	--darkgrey3: #5c5c5c;
	--darkgrey4: #5d5d5d;
	--lightgrey1: #d8d8d8;
	--lightgrey2: #e5e5e5;
	--lightgrey3: #f4f4f4;
}
.text-darkorange { color: var(--darkorange);}
.text-orange { color: var(--orange);}
.text-dark { color: var(--dark) !important; }
.text-darkgrey { color: var(--darkgrey); }
.text-lightgrey1 { color: var(--lightgrey1);}
.text-lightgrey2 { color: var(--lightgrey2);}
.text-lightgrey3 { color: var(--lightgrey3);}

.text-light { font-weight: 300; }
.text-normal { font-weight: 400; }
.text-semibold { font-weight: 500; }
.text-bold { font-weight: 700; }
.text-bolder { font-weight: 900; }

a { color: var(--darkorange); text-decoration: none; }
a:hover { color: var(--dark); text-decoration: none; }

h1 { font-size: 40px; line-height: 59px; }
h2 { font-size: 30px; line-height: 44px; }
h3 { font-size: 26px; line-height: 38px; }
h4 { font-size: 22px; line-height: 30px; }
h5 { font-size: 19px; line-height: 28px; }
h6 { font-size: 17px; line-height: 25px; }
p {font-size: 16px; color: var(--darkgrey2); line-height: 24px; margin-bottom: 20px;}

button, button:hover, button:focus { text-decoration: none !important; outline: none !important; box-shadow: none !important; }

.container { width: 90%; max-width: 1280px;}
.bg-grey { background-color: var(--lightgrey3); }
.blank-space { width: 100%; height: 100px; display: block; }
.bg-orange { background-color: var(--orange); }

@media screen and (min-width: 991px) {
	.py-lg-60 { padding: 60px 0 !important; }
	.pt-lg-60 { padding: 60px 0 0 0 !important; }
	.blank-space { height: 40px; }
}

@media screen and (max-width: 768px) {
	h1 { font-size: 32px; line-height: 46px; }
	h2 { font-size: 25px; line-height: 34px; }
	h3 { font-size: 21px; line-height: 30px; }
	h4 { font-size: 19px; line-height: 28px; }
	h5 { font-size: 17px; line-height: 25px; }
	h6 { font-size: 15px; line-height: 22px; }
	p {font-size: 14px; line-height: 21px; color: #736469;}

	.container { width: 99%; }
}
@media screen and (min-width: 992px) {
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		position: relative;
		width: 100%;
		padding-right: 12px !important;
		padding-left: 12px !important;
	}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/  
.topnav { width: 100%; height: 70px; position: fixed; top: 0px; left: 0; background-color: #ffffff; transition: all 0.5s ease-in-out; z-index: 100; /*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*/ }
.topnav.navbar { padding: 0.5rem 0rem !important; }
.topnav .logo img { padding: 0; margin: 0; width: 165px; }
.topnav li.nav-item { margin-left: 36px; }
.topnav li.nav-item .nav-link  { color: var(--dark); font-weight: 400; background-color: transparent; padding: 24px 0px; transition: all 0.3s; position: relative; }
.topnav li.nav-item .nav-link:hover, .topnav li.nav-item .nav-link:focus, .topnav li.nav-item .nav-link.active { color: var(--orange); background-color: transparent; }
.topnav li.nav-item .nav-link::after, .topnav li.nav-item .nav-link.active::after { content: ''; display: block; width: 0%; height: 2px; position: absolute; bottom: 0px; left: 0; background-color: var(--orange); transition: all 0.4s ease-in-out; }
.topnav li.nav-item .nav-link:hover::after, .topnav li.nav-item .nav-link.active::after { width: 100%; }

@media screen and (max-width: 991px) {
	.topnav { position: fixed; height: 70px; }
	.topnav .logo { margin-left: 1rem; }
	.topnav .navbar-toggler { margin-right: 1rem; line-height: 55px; }
	.topnav .navbar-nav { box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); position: relative; left: 0; right: 0; margin-top: 5px; width: 100%; }
	.topnav li.nav-item { margin-left: 0px; }
	.topnav li.nav-item .nav-link  { background-color: #ffffff; width: 100%; height: 100%; padding: 13px 15px; left: 0; right: 0; border-bottom: 1px solid var(--lightgrey1); }
	.topnav li.nav-item .nav-link:hover, .topnav li.nav-item .nav-link:focus, .topnav li.nav-item .nav-link.active { background-color: #ffffff; }
}
/*--------------------------------------------------------------*/
.heading { display: block; }
.heading .top { overflow: hidden; font-size: 1.2rem; font-weight: 400; text-transform: uppercase; color: var(--dark); line-height: 1.2rem; }
.heading .top:after, .heading .both.top:after { content: ""; display: inline-block; width: 90px; height: 2px; background-color: var(--darkorange); margin-left: 15px; position: relative; vertical-align: middle; }
.heading .both.top:before { content: ""; display: inline-block; width: 90px; height: 2px; background-color: var(--darkorange); margin-right: 15px; position: relative; vertical-align: middle; }
.heading h2.bottom { text-transform: uppercase; color: var(--dark); }
@media screen and (max-width: 768px) { .heading .top:after, .heading .both.top:after, .heading .both.top:before { width: 60px; } }
.topnav .logo img { width: 125px; }

ul.list1 { display: list-item; list-style-type: none; margin-left: 0px; padding-left: 0px; }
ul.list1 li { margin-left: 36px; margin-bottom: 1rem; }
ul.list1 li i { font-size: 1.5rem; margin-left: -36px; position: absolute; margin-top: -6px; color: var(--darkorange); }
.mid-image { width: 90%; /*height: 452px;*/ height: auto; resize: unset; overflow: auto; max-width: 100%; margin: 0 auto; }
@media screen and (max-width: 768px) {
	ul.list1 li { margin-left: 25px; margin-bottom: 10px; }
	ul.list1 li i { margin-left: -25px; margin-top: -3px; }
}

.card.card-custom { background-color: #ffffff; width: 100%; border: 1px solid #E6E9ED; border-radius: 15px; transition: all 0.3s ease-in-out; }
.card.card-custom .card-body { padding: 25px 18px; }
.card.card-custom:hover { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }

.card.card-custom.apply { background-color: #ffffff; border-color: #FFA217 !important; width: 100%; border: 0px; box-shadow: 0px 2px 10px rgba(0,0,0, 0.1); }
.card.card-custom.apply .card-body { padding: 40px 30px; }
@media screen and ( max-width: 768px) {
	.card.card-custom.apply .card-body { padding: 16px 12px; }
}

.card.card-custom .icon { width: auto; height: 50px; }
.card.card-custom .icon img { height: 100%; }

.bg-grad-sky { background-image: linear-gradient(0deg, #E6FAFF, #ffffff) !important; border-color: #60C0F0 !important; }
.bg-grad-green { background-image: linear-gradient(0deg, #E6FFF3, #ffffff) !important; border-color: #52CC8F !important; }
.bg-grad-orange { background-image: linear-gradient(0deg, #FFF2E6, #ffffff) !important; border-color: #FFA217 !important; }
.bg-grad-purple { background-image: linear-gradient(0deg, #FFE6F6, #ffffff) !important; border-color: #C06CE6 !important; }

.round-btn { width: 41px; height: 41px; border: 1px solid #000000; border-radius: 30px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #000000; position: relative; transition: all 0.5s ease-in-out; z-index: 2; }
.round-btn span { width: 42px; height: 42px; border-radius: 30px; background-color: #000000; position: absolute; top: -1px; left: -42px; transition: all 0.8s ease-in-out; z-index: -1; color: #ffffff; padding-top: 9px; padding-left: 15px; }
.round-btn i { font-size: 20px; transition: all 0.5s ease-in-out; }
.round-btn:hover { width: 132px;}
.round-btn:hover span { width: 134px;}
.round-btn:hover i { color: #ffffff !important; margin-left: 90px; }

.bg-grad-sky .round-btn { border-color: #60C0F0 !important; color: #60C0F0 !important; }
.bg-grad-green .round-btn { border-color: #52CC8F !important; color: #52CC8F !important; }
.bg-grad-orange .round-btn { border-color: #FFA217 !important; color: #FFA217 !important; }
.bg-grad-purple .round-btn { border-color: #C06CE6 !important; color: #C06CE6 !important; }

.bg-grad-sky .round-btn span { background-color: #60C0F0 !important; }
.bg-grad-green .round-btn span { background-color: #52CC8F !important; }
.bg-grad-orange .round-btn span { background-color: #FFA217 !important; }
.bg-grad-purple .round-btn span { background-color: #C06CE6 !important; }

.bg-grad-sky .round-btn:hover span, .bg-grad-green .round-btn:hover span, .bg-grad-orange .round-btn:hover span, .bg-grad-purple .round-btn:hover span { left: -1px; }

/* Readmore & Readless ------------------------------------------------------- */
#text1, #text2, #text3, #text4 { display: none; }
/* Readmore & Readless ------------------------------------------------------- */

.bg-career { background: transparent url(../images/about-redbg.png) no-repeat fixed; background-size: cover; position: relative; }
.bg-career .overlay { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-image: linear-gradient(180deg, rgba(244,244,244,0.9), rgba(244,244,244,0.9)) !important; }/*background-color: rgba(250,230,190, 0.9); }*/



@media screen and (max-width: 1024px) {
	.card.card-custom { border-radius: 12px; }
	.card.card-custom .card-body { padding: 15px; }
	.card.card-custom .icon { width: 36px; height: 36px; }
}
@media screen and (max-width: 768px) {
	.card.card-custom { border-radius: 10px; }
	.card.card-custom .card-body { padding: 12px; }
	.card.card-custom .card-top-circle .icon { width: 30px; height: 30px; }
}
a.btn-solid, button.btn-solid { padding: 9px 20px; border-radius: 28px; background-color: white; color: #000; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out; }
a.btn-solid.orange, button.btn-solid.orange { background-color: var(--orange); color: #ffffff; }
a.btn-solid.orange:hover, button.btn-solid.orange:hover { background-color: var(--dark); }

a.btn-border, button.btn-border { padding: 9px 20px; border: 1px solid #000; border-radius: 28px; background-color: white; color: #000; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out; }
a.btn-border.orange, button.btn-border.orange { border-color: var(--orange); color: var(--orange); }
a.btn-border.dark, button.btn-border.dark { border-color: var(--darkgrey); color: var(--darkgrey); }
a.btn-border.orange:hover, button.btn-border.orange:hover { background-color: var(--orange); color: var(--lightgrey3); }
a.btn-border.dark:hover, button.btn-border.dark:hover { background-color: var(--darkgrey); color: var(--lightgrey3); }

/* ACCORDION -------------------------------------------*/
.accordion.accord-custom { border-radius: 15px; transition: all 0.3s ease-in-out;  }
.accordion.accord-custom:hover { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3); }
.accordion.accord-custom .card { border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #E6E9ED; border-radius: none; }
.accordion.accord-custom .card .card-header { border: none !important; background-color: #ffffff; }
.accordion.accord-custom .card .card-header button.btn { padding: 0 !important; width: 100%; display: flex !important; flex-direction: row; justify-content: space-between; }
.accordion.accord-custom .card .card-header button.btn .plus { display: none; }
.accordion.accord-custom .card .card-header button.btn .minus { display: block; }
.accordion.accord-custom .card .card-header button.btn.collapsed .plus { display: block; }
.accordion.accord-custom .card .card-header button.btn.collapsed .minus { display: none; }
.accordion.accord-custom .card:first-child { border-radius: 15px 15px 0 0; }
.accordion.accord-custom .card:last-child { border-radius: 0 0 15px 15px; border-bottom: none; }
.accordion.accord-custom .card .card-body { padding-bottom: 30px; }
/* ACCORDION -------------------------------------------*/

/* ACCORDION LARGE -------------------------------------*/
.accordion.accord-custom.large .card { border: 1px solid #E6E9ED !important; border-bottom: 0px !important;}
.accordion.accord-custom.large .card:last-child { border-bottom: 1px solid #E6E9ED !important; }
.accordion.accord-custom.large .card .card-header { padding: 20px 40px; background: transparent; }
.accordion.accord-custom.large .card .card-body { padding: 20px 40px 40px 40px; }
@media screen and (max-width: 768px) {
	.accordion.accord-custom.large .card .card-header { padding: 10px 15px; background: transparent; }
	.accordion.accord-custom.large .card .card-body { padding: 10px 15px 25px 15px; }
}
/* ACCORDION LARGE -------------------------------------*/

ul.list1 { display: list-item; list-style-type: none; margin-left: 0px; padding-left: 0px; }
ul.list1 li { margin-left: 36px; margin-bottom: 1rem; color: var(--darkgrey2); }
ul.list1 li i { font-size: 1.5rem; margin-left: -36px; position: absolute; margin-top: -6px; color: var(--orange); }
.mid-image { width: 90%; /*height: 452px;*/ height: auto; resize: unset; overflow: auto; max-width: 100%; margin: 0 auto; }
@media screen and (max-width: 768px) {
	ul.list1 li { margin-left: 25px; margin-bottom: 10px; }
	ul.list1 li i { margin-left: -25px; margin-top: -3px; }
}

.map-responsive { overflow: hidden; padding-bottom: 70%; position: relative; height:0; border: 1px solid var(--lightgrey1); border-radius: 8px; }
.map-responsive iframe{ left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.map-responsive.contact { padding-bottom: 30%; }
@media screen and (max-width: 768px) {
	.map-responsive.contact { padding-bottom: 70%; }
}

.divider { width: 100%; height: 1px; }

.top-lights { width: 40%; max-width: 330px; object-fit: cover; margin: 0 auto; }
.office-work { width: 95%; max-width: 840px; object-fit: cover; margin: 0 auto; }

.owl-carousel.owl-client .item img { width: 100%; max-width: 200px; margin: 0 auto; opacity: 0.7; }
.owl-carousel.owl-client .item p {text-align: center; margin-top: 20px;}
.owl-carousel.owl-client .owl-nav { top: 13%; position: absolute; width: 100%; opacity: 0.5; transition: all 0.3s ease-in-out; }
.owl-carousel.owl-client .owl-nav:hover {opacity: 0.8;}
.owl-carousel.owl-client .owl-nav .owl-prev { left: 0; position: absolute; content: ''; font-size: 0; width: 12px; height: 25px; background: transparent url(../images/carousel-nav.svg) no-repeat top left; background-size: cover; }
.owl-carousel.owl-client .owl-nav .owl-next { right: 0; position: absolute; content: ''; font-size: 0; width: 12px; height: 25px; background: transparent url(../images/carousel-nav.svg) no-repeat top left; background-size: cover; rotate: 180deg;}
.owl-carousel.owl-client .owl-nav .owl-prev:focus, .owl-carousel.owl-client .owl-nav .owl-next:focus { outline: none; }

.owl-carousel.owl-news { position: relative;}
.owl-carousel.owl-news .item .news { display: flex; flex-direction: row; width: 100%; border-bottom: 1px solid var(--lightgrey2); padding-bottom: 15px; margin-bottom: 15px; }
.owl-carousel.owl-news .item .news .dateblock { width: 90px; height: 90px; display: block; border: 1px solid var(--lightgrey2); padding: 8px; margin-right: 18px; text-transform: uppercase; }
.owl-carousel.owl-news .item .news .dateblock .inside { width: 72px; height: 72px; display: flex; flex-direction: column; justify-content: center; text-align: center; border: 1px dashed var(--lightorange); border-radius: 6px; }
.owl-carousel.owl-news .item .news .dateblock .inside .date { display: block; font-size: 48px; font-weight: 500; color: var(--lightorange); line-height: 48px; }
.owl-carousel.owl-news .item .news .dateblock .inside .my { display: block; font-size: 0.8rem; line-height: .8rem; font-weight: 300; color: var(--darkgrey); }
.owl-carousel.owl-news .item .news .news-text { display: block; }
.owl-carousel.owl-news .item .news .news-text h4 { font-weight: 500; color: var(--dark); margin-bottom: 10px;}
.owl-carousel.owl-news .item .news .news-text p { font-weight: 400; color: var(--darkgrey); margin-bottom: 0px}
.owl-carousel.owl-news .owl-nav { position: absolute; right: 0px; bottom: -38px; }
.owl-carousel.owl-news .owl-nav .owl-prev { width: 34px; height: 34px; border: 1px solid var(--lightgrey1); content: ''; font-size: 0; background: transparent url(../images/carousel-nav.svg) no-repeat center; background-size: 30%; opacity: 0.5; }
.owl-carousel.owl-news .owl-nav .owl-next { width: 34px; height: 34px; border: 1px solid var(--lightgrey1); content: ''; font-size: 0; background: transparent url(../images/carousel-nav.svg) no-repeat center; background-size: 30%; opacity: 0.5; rotate: 180deg; }
.owl-carousel.owl-news .owl-nav .owl-prev:hover, .owl-carousel.owl-news .owl-nav .owl-next:hover { opacity: 1; }
.owl-carousel.owl-news .owl-nav .owl-prev:focus, .owl-carousel.owl-news .owl-nav .owl-next:focus { outline: none; }
@media screen and (max-width: 768px) {
	.owl-carousel.owl-news .item .news .dateblock { width: 74px; height: 74px; padding: 6px; margin-right: 10px; }
	.owl-carousel.owl-news .item .news .dateblock .inside { width: 60px; height: 60px; border-radius: 5px; }
	.owl-carousel.owl-news .item .news .dateblock .inside .date { font-size: 2.4rem; line-height: 2.4rem; }
	.owl-carousel.owl-news .item .news .dateblock .inside .my { font-size: 0.75rem; line-height: 0.75rem; }
	.owl-carousel.owl-news .item .news .news-text h4 { margin-bottom: 7px;}
}

form.query-form input.form-control, form.query-form select.form-control { font-size: 16px; border: 1px solid var(--lightgrey2); border-radius: 8px; height: 45px; margin-bottom: 15px; padding: 10px; color: var(--darkgrey); }
form.query-form textarea.form-control { font-size: 16px; border: 1px solid var(--lightgrey2); border-radius: 8px; margin-bottom: 15px; padding: 10px; resize: none; color: var(--darkgrey); }
form.query-form input.form-control::placeholder, form textarea.form-control::placeholder { font-size: 16px; color: var(--lightgrey1);}
form.query-form input.form-control:focus, form textarea.form-control:focus { outline: none; box-shadow: none;}

form.query-form .captcha { height: 45px; border: 1px solid var(--lightgrey2); border-radius: 0px 8px 8px 0px; }

form.apply-form input.form-control { font-size: 16px; border: 1px solid var(--orange); border-radius: 8px; height: 45px; margin-bottom: 15px; padding: 10px; color: var(--darkgrey); }
form.apply-form textarea.form-control { font-size: 16px; border: 1px solid var(--orange); border-radius: 8px; margin-bottom: 15px; padding: 10px; resize: none; color: var(--darkgrey); }
form.apply-form input.form-control::placeholder, form textarea.form-control::placeholder { font-size: 16px; color: var(--lightgrey2);}
form.apply-form input.form-control:focus, form textarea.form-control:focus { outline: none; box-shadow: none;}

form.apply-form label { font-size: 14px; color: var(--darkgrey2); margin-bottom: 5px !important; }
form.apply-form label span { font-size: 8px; color: #ff0000; position: absolute; margin-left: 4px; }

form.apply-form input.form-control-file { font-size: 16px; border: 1px solid var(--orange); border-radius: 8px; height: 45px; margin-bottom: 15px; padding: 7px 10px; color: var(--darkgrey); }
form.apply-form input.form-control-file::file-selector-button { border: 1px solid var(--lightgrey1); border-radius: 5px; color: var(--lightorange); background-color: #ffffff; width: 100px; height: 29px; cursor: pointer; transition: all .25s ease-in; }
form.apply-form input.form-control-file::file-selector-button:hover { background-color: var(--lightorange); border-color: var(--lightorange); color: #ffffff; transition: all .25s ease-in; }

form.apply-form .captcha { height: 45px; border: 1px solid var(--orange); border-radius: 0px 8px 8px 0px; }

@media screen and (max-width: 768px) {
	form.query-form input.form-control, form.query-form textarea.form-control, form.query-form input.form-control::placeholder, form textarea.form-control::placeholder { font-size: 14px; }
}

.footer {background-color: var(--dark); }
.footer-brand.logo img { width: 125px; }
.add-area { display: flex; flex-direction: row; }
.add-area .icon { width: 27px; height: 27px; background-color: #3b3b3b; border-radius: 100%; margin-right: 10px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: var(--orange); }
.add-area .right { display: block; }
.footer a { color: var(--lightgrey1); text-decoration: none; transition: all 0.3s ease-in-out; }
.footer a:hover { color: var(--orange); }
ul.list2 { display: flex; flex-direction: row; justify-content: start; list-style-type: none; margin-left: 0px; padding-left: 0px; }
ul.list2 li { margin-left: 20px; margin-right: 20px; }
ul.list2 li i { margin-left: -20px; position: absolute; margin-top: 0px; color: var(--darkgrey); transition: all 0.3s ease-in-out; }
ul.list2 li a:hover i {color: var(--lightgrey1); margin-left: -25px;}

.footer .divider { width: 100%; height: 1px; background-color: var(--darkgrey); }
.social-block { display: flex; flex-direction: row; justify-content: end; }
.social-circle, a.social-circle { width: 46px; height: 46px; background-color: #3b3b3b; border-radius: 100%; display: flex; margin-left: 10px; align-items: center; justify-content: center; }
.social-circle i, a.social-circle i { font-size: 24px; color: var(--lightgrey1); transition: all 0.3s ease-in-out; }
.social-circle:hover i, a.social-circle:hover i { color: var(--orange); }

@media screen and (max-width: 768px) {
	ul.list2 { flex-direction: column; }
	ul.list2 li { margin-left: 16px; margin-bottom: 0.8rem; }
	ul.list2 li i { margin-left: -16px; }
	.social-block { justify-content: center; }
	.social-circle, a.social-circle { width: 40px; height: 40px; margin: 0 6px; }
	.social-circle i, a.social-circle i { font-size: 20px; }
}

.service-modal .modal-dialog .modal-content { background-color: transparent; border: 0px !important; border-radius: 20px; text-align: center; }
.service-modal .modal-dialog .modal-content .btn-border { border: 4px solid; padding: 12px 30px; border-radius: 36px; font-size: 28px; font-weight: 500; display: block; margin-bottom: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }

/* SELECT OPTION STYLE ------------------------------------------------------------------------------------------------- */
.custome-select { background-color: #ffffff; position: relative; width: 100%; height: 45px; z-index: 3; border: 1px solid var(--orange); border-radius: 8px; }
.custome-select select, .custome-select select:focus { background: transparent; border: none; width: calc(100% - 0px); height: 100%; font-size: 16px; color: var(--darkgrey); z-index: 2; padding: 0 10px; position: relative; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custome-select select:hover { cursor: pointer; }
.custome-select::after { /*content: "▲";*/ content: '▼'; font-size: 14px; width: 30px; height: 45px; position: absolute; color: var(--orange); z-index: 1; right: 0px; top: 0px; text-align: center; line-height: 45px; }
.custome-select { content: "▲"; }

/*the container must be positioned relative:*/
/* .form-control-select { background-color: #ffffff; position: relative; width: 100%; font-size: 16px; margin-bottom: 15px; padding: 0px; border: 1px solid var(--orange); border-radius: 8px; height: 45px; }
.form-control-select select { display: none; } hide original SELECT element: */
/* .select-selected { border: 1px solid var(--orange); border-radius: 8px; height: 45px; padding: 10px; color: var(--darkgrey); } */

/*style the arrow inside the select element:*/
/* .select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 15px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: var(--orange) transparent transparent transparent;
} */
  
/*point the arrow upwards when the select box is open (active):*/
/* .select-selected.select-arrow-active:after {
    border-color: transparent transparent var(--orange) transparent;
    top: 14px;
} */
  
/*style the items (options), including the selected item:*/
/*.select-items { height: 200px; overflow-y: scroll;}*/
/* .select-items div,.select-selected {
    color: var(--darkgrey);
    padding: 8px 16px;
    border: 1px solid;
    border-color: transparent rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    cursor: pointer;
    user-select: none;
  } */
  
  /*style items (options):*/
  /* .select-items {
    position: absolute;
    background-color: #ffffff;
    top: 100%;
    left: 5px;
    right: 5px;
    z-index: 99;
    line-height: 25px;
	margin-top: 1px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  } */
  /*.select-items:last-child {
    border-radius: 0 0 12px 12px;
  }*/
  
  /*hide the items when the select box is closed:*/
  /* .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  @media screen and (max-width: 425px) {
    .form-control-select {font-size: 14px; line-height: 28px; margin-bottom: 15px;}
    .select-selected.select-arrow-active:after { top: 10px; }
    .select-items { line-height: 23px; }
  }
  */
/* END SELECT OPTION STYLE ---------------------------------------------------------------------------------------------- */

/* CHECK BOX STYLE --------------------------------------------------------------- */
.form-check.custom-check { display: flex; flex-direction: row; align-items: center; }
.custom-check input[type=checkbox] { border: 1px solid var(--orange); border-radius: 4px; background: none; cursor: pointer; line-height: 0; margin-right: 10px; outline: 0; padding: 0 !important; vertical-align: middle; height: 25px; width: 25px; -webkit-appearance: none; }
.custom-check input[type=checkbox]:hover { opacity: 1; }
.custom-check input[type=checkbox]:checked { background-color: var(--orange); opacity: 1; }
.custom-check input[type=checkbox]:before { content: ''; position: absolute; right: 50%; top: 50%; width: 8px; height: 15px; border: solid #FFF; border-width: 0 3px 3px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; }
.custom-check .form-check-label { padding-left: 15px; padding-top: 8px;  }

/* CHECK BOX STYLE --------------------------------------------------------------- */

/* INPUT NUMBER SPINNER HIDE ----------------------------------------------------- */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/* INPUT NUMBER SPINNER HIDE ----------------------------------------------------- */