/***************** variables *********************/






.font1 {font-family: "Inter", Arial, Sans-serif !important;} .font2 {font-family: $font2 !important;}

html, body {background-color: #fff; font-family: "Inter", Arial, Sans-serif; font-size: 18px; line-height: 1.9; letter-spacing: .3px; font-weight: 400; color: #333 /* 80% Black */; overflow-x: hidden;} 
body {background-image: url(../../files/bg2.jpg); background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}

img {border: 0; max-width: 100%; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {margin: 0; font-family:$font2; font-weight:900; padding: 0; color: #333 /* 80% Black */; font-size: 4rem; line-height: 1.3;}
h2 {margin: 0; font-family:$font2; font-weight:900; padding: 0; color: #333 /* 80% Black */; font-size: 3rem; line-height: 1.3;}
h3 {margin: 0; font-family:$font2; font-weight:900; padding: 0; color: #333 /* 80% Black */; font-size: 2.5rem; line-height: 1.3;}
h4 {margin: 0; font-family:$font2; font-weight:900; padding: 0; color: #333 /* 80% Black */; font-size: 2rem; line-height: 1.4;}
h5 {margin: 0; font-family:$font2; font-weight:900; padding: 0; color: #333 /* 80% Black */; font-size: 1.5rem; line-height: 1.6;}
h6 {margin: 0; font-family:$font2; padding: 0; color: #9cc6d6 /* 70% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}

p {margin: 0; padding: 0; font-size: calc(17px - 2px);}
ul {font-size: calc(17px - 2px);}

a {text-decoration: none; color: #333; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #333; text-decoration: none;}

a img {opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .5;}

h1 a, h2 a, h3 a, h4 a, h5 a {border: none !important; color: #333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: #397A93;}

strong {font-weight: 700;} 

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #397A93;}
::selection {color: #fff; background: #397A93;}

hr {width: 100%; margin: 20px auto 30px auto; height: 2px; background-color: #f0f0f0 /* 5% Black */; color: #f0f0f0 /* 5% Black */; border: 0;}

.spacer {height: 30px;}

/***************** buttons *********************/

.btn {white-space: normal; border: none !important; font-size: .6rem; letter-spacing: 2px; text-transform: uppercase; padding: 15px 50px; border-radius: 30px; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;}

.btn-primary {background-color: #397A93; color: #fff !important;}
.btn-primary:hover {background: #333 /* 80% Black */;}

.btn-secondary {background-color: #246C87; color: #fff !important;}
.btn-secondary:hover {background: #333 /* 80% Black */;}

.btn-info {background-color: #3C6EFF; color: #fff !important;}
.btn-info:hover {background-color: #333 /* 80% Black */;}

.btn-success {background-color: #00F08C; color: #fff !important;}
.btn-success:hover {background-color: #333 /* 80% Black */;}

.btn-warning {background-color: #FFEB00; color: #333 /* 80% Black */ !important;}
.btn-warning:hover {background-color: #333 /* 80% Black */; color: #fff !important;}

.btn-danger {background-color: #F03278; color: #fff !important;}
.btn-danger:hover {background-color: #333 /* 80% Black */;}

.btn-light {background-color: #fff; color: #333 /* 80% Black */ !important;}
.btn-light:hover {background-color: #333 /* 80% Black */; color: #fff !important;}

.btn-default, .btn-dark {background-color: #333 /* 80% Black */; color: #fff !important;}
.btn-default:hover, .btn-dark:hover {background-color: #fff; color: #333 /* 80% Black */ !important;}


.btn-cus {border-radius:0 !important; background:transparent !important; font-size:1.1rem !important;}
.btn-cus:after {content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-left:10px; transition:.3s all;}
.btn-cus:hover:after {margin-left:20px; }

/***************** borders *********************/

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: 2px;}

.border-col .block-columns .__col {border-width: 2px; border-style: solid;}
.border-top-col .block-columns .__col {border-top-width: 2px; border-top-style: solid;}
.border-bottom-col .block-columns .__col {border-bottom-width: 2px; border-bottom-style: solid;}
.border-left-col .block-columns .__col {border-left-width: 2px; border-left-style: solid;}
.border-right-col .block-columns .__col {border-right-width: 2px; border-right-style: solid;}

.border-left-col .block-columns .__col:first-child {border: none;}
.border-right-col .block-columns .__col:last-child {border: none;}

.border-primary {border-color: #397A93 !important;}
.border-secondary {border-color: #246C87;}

.border-dark {border-color: #333 /* 80% Black */;}
.border-light {border-color: #fff;}

.border-info {border-color: #3C6EFF;}
.border-success {border-color: #00F08C;}
.border-warning {border-color: #FFEB00;}
.border-danger {border-color: #F03278;}

.border-custom1 {border-color: #9cc6d6 /* 70% Black */;}
.border-custom2 {border-color: #999 /* 40% Black */;}
.border-custom3 {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4 {border-color: #ccc /* 20% Black */;}
.border-custom5 {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6 {border-color: #f0f0f0 /* 5% Black */;}

.border-primary-col .block-columns .__col {border-color: #397A93;}
.border-secondary-col .block-columns .__col {border-color: #246C87;}

.border-dark-col .block-columns .__col {border-color: #333 /* 80% Black */;}
.border-light-col .block-columns .__col {border-color: #fff;}

.border-info-col .block-columns .__col {border-color: #3C6EFF;}
.border-success-col .block-columns .__col {border-color: #00F08C;}
.border-warning-col .block-columns .__col {border-color: #FFEB00;}
.border-danger-col .block-columns .__col {border-color: #F03278;}

.border-custom1-col .block-columns .__col {border-color: #9cc6d6 /* 70% Black */;}
.border-custom2-col .block-columns .__col {border-color: #999 /* 40% Black */;}
.border-custom3-col .block-columns .__col {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4-col .block-columns .__col {border-color: #ccc /* 20% Black */;}
.border-custom5-col .block-columns .__col {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6-col .block-columns .__col {border-color: #f0f0f0 /* 5% Black */;}

table, tbody, tr, td {border: none;}

/***************** utilities *********************/

.block-list-group {margin: 30px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 15px 30px; border: 2px solid #f0f0f0 /* 5% Black */; border-bottom: none; border-radius: 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group .list-group-item:last-child {border-bottom: 2px solid #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item p {margin: 0 !important;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: #fff; margin-bottom: 5px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group.accordion .card:last-child {margin: 0;}
.block-list-group.accordion .card:hover {background: #fff;}
.block-list-group.accordion .card .card-header {padding: 0; border: none; background: #ccc;}
.block-list-group.accordion .card .card-header h5 {margin: 0 !important;}
.block-list-group.accordion .card .card-header h5 .btn {border-radius:0 !important; padding: 20px 30px; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 700; font-size: 1rem; line-height: 1.9; color: #333; letter-spacing: .3px; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; color: #397A93;}
.block-list-group.accordion .card .card-body {padding: 10px 30px 20px 30px !important; border:1px solid #ccc !important;}
.block-list-group.accordion .card .card-body p {margin: 10px 0 0 0 !important;}
.block-list-group.accordion .card .card-body a {color:#397A93 !important; border-bottom:1px solid !important;}
.block-list-group.accordion .card .card-body ul {margin-top: 0 !important;}

.block-list-group.tabs .nav-tabs {border: none; display: flex; flex-wrap: wrap;}
.block-list-group.tabs .nav-tabs .nav-item {background: #fff;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 20px 30px; border: none;font-size:14px; background: transparent; margin: 0; border-radius: 0; color: #999 /* 40% Black */; font-weight: 700;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .nav-tabs .nav-item.active .nav-link {color: #333;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link {color: #397A93;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .tab-content p {margin: 0 !important;}

.news {margin: 0;  color:#333 /* 80% Black */ !important;  display: flex; flex-wrap: wrap; } 
.news .list-group-item {display: inline-block; background:#fff !important; margin: 15px; padding: 330px 40px 40px 40px !important; box-shadow: 0 3px 6px -4px rgba(0,0,0,0.13), 0 3px 6px rgba(0,0,0,0.23) !important; border-radius: 5px; flex: 1 calc(calc(100% / 2) - 30px); }
.news-1 .news .list-group-item {flex: 1 100% !important;}
.news-3 .news .list-group-item {flex: 1 calc(calc(100% / 3) - 45px) !important;}
.news-4 .news .list-group-item {flex: 1 calc(calc(100% / 4) - 60px) !important;}

.news .list-group-item:hover {-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);      box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.10) !important;}
.news .list-group-item .list-date {display:none; margin: 0; padding: 0;font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}
.news .list-group-item .list-header {font-size: 2rem; line-height: 1.4; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0 /* 5% Black */;}
.news .list-group-item .list-content {margin: 30px 0 0 0;}

.news .list-group-item .list-content img {position: absolute; top: 0; left: 0; width: 100%; margin-top: 0; border-radius: 5px 5px 0 0; height: 300px; object-fit: cover; background:#fff;}
.no-img .news .list-group-item {padding: 40px 20px  !important;}

.pager {margin: 0; width: 100%; justify-content: center; border-radius: 0;}
.pager li {margin: 0;}
.pager li:before {display: none;}
.pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px !important; color: #ccc /* 20% Black */; background: #ccc /* 20% Black */; border: none; width: 16px; height: 16px; border-radius: 8px !important;}
.pager li a:hover, .pager li a.active {background: #397A93; color: #397A93;}

.block-gallery .gallery .gallery-item {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery li:before {display: none;}

.w-100.block-gallery .gallery .gallery-item { padding:0 !important;}
.w-100.block-gallery .gallery .gallery-item img {width:100% !important; margin:0 !important;}

#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 30px; width: 100%; color: #fff; text-align: left; background: #333 /* 80% Black */; text-shadow: 0 0 0 rgba(0,0,0,0);}
#block-gallery-modal h3 {font-size: 2rem; line-height: 1.4; color: #fff;}
#block-gallery-modal p {font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; color: #fff; padding: 10px 0 0 0 !important;}
#block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}

.block-gallery .carousel {margin-top: 30px !important;}
.block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;}
.block-gallery .carousel .carousel-control {width: auto; padding: 0 50px; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;}
.block-gallery .carousel .carousel-indicators li {margin: 0 10px; background: #ccc /* 20% Black */; opacity: 1; border: 2px solid #fff; width: 16px; height: 16px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-gallery .carousel .carousel-indicators li.active {background: #397A93;}
.block-gallery .carousel .carousel-caption {width:80%; top:50%; transform:translateY(-50%);}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; color: #333 /* 80% Black */; font-size: 2rem; line-height: 1.4; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; padding: 10px 0 0 0; color: #333 /* 80% Black */; font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 20px 0 50px 0;}



/***************** menu *********************/

.navbar {height: 100px; padding: 0 25px; background-color: #fff; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar a {border: none; padding: 0; text-transform: none;}
.navbar .navbar-brand img {width: 300px;}
.navbar .navbar-toggler {font-size: 1.6rem; color:#397A93;}
.navbar .navbar-nav .nav-link {margin: 0 25px; padding: 0; color: #333 /* 80% Black */; font-weight:700; text-transform:uppercase;}
.navbar .navbar-nav .nav-link:hover {color: #397A93 !important;}
.navbar .navbar-nav .nav-item.active .nav-link {border-bottom: 2px solid #397A93;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; border: none; margin: 0; vertical-align: baseline;}
.navbar .navbar-nav .has_childs.show .nav-link:after {content: "\f0d8"; transform: rotate(0);}

.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none;}
.navbar .navbar-nav .dropdown-menu {min-width: 0;}
.navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {border: none; border-radius: 0; background: #fff; border-left: 4px solid #ccc /* 20% Black */; white-space: nowrap; color: #b3b3b3 /* 30% Black */ !important; padding: 10px 40px 10px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {background: #fff; color: #333 /* 80% Black */ !important; border: none; border-left: 4px solid #ccc /* 20% Black */;}
.navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {background: #fff; color: #333 /* 80% Black */ !important; border: none; border-left: 4px solid #397A93;}

.navbar.navbar-start {background-color: transparent;}
.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: #fff;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: #fff;}

.navbar-scrolled {box-shadow:0 2px 4px rgba(0,0,0,0.1); background: #fff !important;}
.navbar-scrolled.navbar .navbar-nav .nav-link {color: #333 /* 80% Black */ !important;}
.navbar-scrolled.navbar .navbar-toggler {color:#333 /* 80% Black */;}

.navbar .navbar-nav .nav-link.dropdown-toggle {white-space: initial !important;}
.navbar .navbar-nav .nav-link.dropdown-toggle:after {display: initial !important;}
.navbar .navbar-nav .nav-item.has_childs.dropdown .nav-item.has_childs.dropdown {width: 100% !important;}
.navbar .navbar-nav .nav-item.has_childs.dropdown .nav-item.has_childs.dropdown .nav-link.dropdown-toggle:after {content: "" !important;}
/***************** main *********************/

.container {max-width: 1400px; padding: 0;}
.container-fluid {padding: 0;}

.block-section > .block-section-container {padding: 0; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width: 100%;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 100px 0 130px 0;}

.block-section.bg-image {background-position: center center;}
.block-section.bg-fixed, .bg-fixed {background-attachment: fixed; background-size:cover;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px;}
.block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px;}
.block-section.md-box .block-columns .block-section {padding: 100px 100px 130px 100px;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}

main .block-section:first-child, .block-error-404 {}
main .block-section:first-child h1 {word-wrap:break-word;}

main p, main img {margin: 25px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 30px 0 0 0;}

main ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
main ul li {margin: 5px 0;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #397A93;}

.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}
.w-100 {width: 100% !important;}

.vh-5 {height: 5vh;}
.vh-10 {height: 10vh;}
.vh-15 {height: 15vh;}
.vh-20 {height: 20vh;}
.vh-25 {height: 25vh;}
.vh-30 {height: 30vh;}
.vh-35 {height: 35vh;}
.vh-40 {height: 40vh;}
.vh-45 {height: 45vh;}
.vh-50 {height: 50vh;}
.vh-55 {height: 55vh;}
.vh-60 {height: 60vh;}
.vh-65 {height: 65vh;}
.vh-70 {height: 70vh;}
.vh-75 {height: 75vh;}
.vh-80 {height: 80vh;}
.vh-85 {height: 85vh;}
.vh-90 {height: 90vh;}
.vh-95 {height: 95vh;}
.vh-100 {height: 100vh;}

.m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 h6, .m0 p, .m0 img {margin: 0 !important;}

.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover; filter:saturate(1.3)}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0 100px;  bottom:auto !important;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 6rem; line-height: 1.3; color:#fff !important; text-shadow:3px 3px 4px #333 /* 80% Black */;}
.main-slider .block-gallery .carousel .carousel-caption > p {color:#fff !important; text-shadow:3px 3px 4px #333 /* 80% Black */; font-size:1.5rem; font-weight:700; margin:15px auto;}
.main-slider .block-gallery .carousel .carousel-caption {padding: 100px; transform: translateX(-50%) translateY(-50%) !important; top: 55% !important;  left: 50% !important; position: absolute !important; width: 80% !important; margin: 0 !important; bottom:auto !important; }
.main-slider .block-gallery .carousel .carousel-inner .slider-overlay:before {position:absolute; z-index:1; left:0;top:0;right:0;bottom:0; content:""; background:rgba(255,255,255,.1);}

.map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.map-container iframe:hover {opacity: 1;}


/************************COOKIES*******************************/

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
#modal-cc ::-webkit-scrollbar {width: 4px;}
#modal-cc ::-webkit-scrollbar-thumb {background:#999 /* 40% Black */; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333 /* 80% Black */;}
#modal-cc .modal-dialog {position: fixed; margin: 0; bottom:0; max-width:650px;}
#modal-cc .modal-content {height:100vh; border-radius: 0; background: #2e2e2e; color: #fff; background-image: url(''); background-position: center; background-size: 120px;}
#modal-cc .modal-content a {color:#fff; font-weight:800; border-bottom:2px dotted; text-decoration:none !important;}
#modal-cc .modal-content p {margin-block:1.5rem 1rem;}
#modal-cc .modal-header {border-right: 4px solid #333 /* 80% Black */; border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc h5 {color:#fff;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 1rem;padding:1rem 3rem 3rem 3rem; overflow-y: auto;}

#modal-cc .modal-content #cc-sections > hr:first-child {display:none;}
#modal-cc .modal-content #cc-sections > hr {border-color:rgba(255,255,255,0.2);}
#modal-cc .modal-content .cc-section-row {padding-top:1rem;}
#modal-cc .modal-content .cc-section-row .form-group {margin-top:1rem;}
#modal-cc .modal-content .nav-pills {gap:1rem; }
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(255,255,255,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;}
#modal-cc .tab-pane {overflow-x:hidden; overflow-y:auto; max-height:unset;}
#modal-cc .tab-pane::-webkit-scrollbar {width: 2px; height: 2px; transition:.3s all;}
#modal-cc .tab-pane::-webkit-scrollbar-track {background: inherit;}

#modal-cc #cc-buttons {margin-inline:-5px !important; flex-wrap: wrap; padding-bottom:1rem;}
#modal-cc #cc-buttons .btn {justify-content: space-between; flex:1; font-size:.7rem; text-align:left; padding-inline:1rem !important; border:none !important; border-radius:calc($boradius / 3) !important; background-color:#4f4f4f !important;}
#modal-cc #cc-buttons .btn, #modal-cc #cc-buttons .btn:before, #modal-cc #cc-buttons .btn:after { color:#fff; border-color:#fff;}
#modal-cc #cc-buttons .btn:after {text-align:right;}
#modal-cc #cc-buttons .btn:is(:hover, :focus, :active)::after {transform:translateX(3px);}


#cc-settings-container i {font-style: normal;}
#cc-settings-container a {color:#397A93; border:none !important; text-decoration:none !important;}
#cc-settings-container {left:2rem; bottom:2rem;}
#modal-cc .cc-checkbox:not([disabled]) {cursor: pointer;}

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-content {height:80vh;}
    #modal-cc #cc-buttons {flex-direction: column; flex-direction: column-reverse; }
    #modal-cc #cc-buttons button {float:none !important; display:inline-flex; width:100%; justify-content: space-between;}
    #modal-cc #cc-buttons button:nth-child(2) {margin-top:10px;}
    #modal-cc #cc-buttons button:after {}
    #cc-settings-container {left:1.5rem; bottom:1.5rem;}
}


/*=============================RX-CUSTOM===========================*/
.__base .hidden {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative; padding-top:3rem !important; padding-bottom:3rem !important;}
.__base .hidden:before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png');  left: 0; top: 0; width: 100%; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }
main > .block-section.bg-image:first-child:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background:rgba(0,0,0,0.2);}
.no-child.navbar .navbar-nav .has_childs .nav-link:after, .no-child.nav-item .nav-link:after {padding: 0 !important; content:"" !important;}
.no-child.nav-item .children.nav-level3 {display:none !important;}

.btn-lg {  font-family:$font2;  padding: 1rem 2.5rem !important; font-size: 1.25rem !important; line-height: 1.5 !important; border-radius: 50px !important;}
.hidden {opacity:0 !important;}
.invert {filter:invert(1);}
.text-left-center {text-align: left;} .text-right-center, .text-right-left {text-align: right;}
.w-100-75, .w-100-50 {width:100%;} .w-25-75, .w-25-50 {width:25%;} .w-50-75, .w-50-25 {width:50%;} .w-75-100 {width:75%; }

.pull-middle-flex { display: flex; justify-content: center; align-content: center; flex-direction: column; }
.pull-bottom-flex { display: flex; justify-content: flex-end; align-content: center; flex-direction: column; }
.pull-right {float:right;}

.subtitle h4, .subtitle h5 {font-family: $font3; margin-bottom: -35px; font-size:2rem !important; color:#ccc /* 20% Black */; font-weight:300 !important; display:block; letter-spacing:3px;}

.header-text {padding:20rem 1rem 5rem 1rem !important; }
.header-text h1 {background: #397A93; color: #fff; text-align:center; padding: 1.5rem 4rem; margin: 0 auto; display: block; outline: 1px solid; outline-offset: -10px; word-wrap: break-word !important;}

.masonry-4 {column-count: 4;    column-gap: 1em;}
.masonry-3 {column-count: 3;    column-gap: 1em;}
.masonry-2 {column-count: 2;    column-gap: 1em;}

.fb-icon {box-shadow: 2px 2px 5px rgba(0,0,0,0.1); position: fixed; left:0; bottom:50px; z-index:1001;  width: 60px; border-radius: 0 15px 15px 0; cursor:pointer; transition:.3s all;}
.fb-icon:hover {box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
.fb-icon.active {left:320px; box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
.fb-frame {position: fixed; left:-320px; bottom:50px; z-index:1000; width:320px; transition:.3s all;}
.fb-frame.active {left:0; box-shadow: 5px 5px 15px rgba(0,0,0,0.5); border-radius:  0 15px 0 0; }

.gallery-masonry .gallery.row {column-count: 3; column-gap: 1em; display: block !important; }
.gallery-masonry .gallery.row img {width:100%;}
.gallery-masonry .gallery.row img:hover {box-shadow:3px 3px 10px #999 /* 40% Black */; border-radius:0 0 30px 0;}

.card-contact {background: #fff; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); padding:15px;}
.card-contact li:before {color:#397A93 !important;}

.reviews .carousel .carousel-item img {    height: 250px; object-fit: cover;}
.reviews .carousel .carousel-caption h3 { font-family:"Inter", Arial, Sans-serif !important; font-weight:700 !important; font-size:1.1rem !important;}

.head h6:before, .head h5:before, .head p:before { content: "\2015\2015\2015\2015\2015\2015\2015\2015\2015"; letter-spacing: -2px; margin-right: 10px; position: absolute; margin-left: -135px; }
.head h6:after, .head h5:after, .head p:after { content: "\2015\2015\2015\2015\2015\2015\2015\2015\2015"; letter-spacing: -2px; margin-left: 10px; position: absolute; margin-right: -100px; }
iframe.map {filter:saturate(0); transition:.3s all;} iframe.map:hover {filter:saturate(1);}
.clickable {transition:.3s all;} .clickable:hover {transform: translateY(-6px);    cursor:pointer;  box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.10) !important;}

.bg-half:before {position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom, transparent 70%, #fff 70%); content: "";}

.card-staff {box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.10) !important; border-radius: 5px; background: #fff; transition:.3s all;}
.card-staff:hover {cursor:pointer; box-shadow: 5px 14px 28px rgba(0,0,0,.4) !important;}
.card-staff img {width:150px; margin-top:30px !important; -webkit-filter: drop-shadow(5px 5px 0 #b3b3b3 /* 30% Black */) drop-shadow(-5px -5px 0 #b3b3b3 /* 30% Black */); filter: drop-shadow(5px 5px 0 #b3b3b3 /* 30% Black */) drop-shadow(-5px -5px 0 #b3b3b3 /* 30% Black */);}
.card-staff p, .card-staff ul {margin-top: 0 !important;}
.col-space .row .__col {padding:1rem !important;}	

.bg-top1 { background-position:50% 10% !important; object-position: 50% 10% !important;}
.bg-top2 { background-position:50% 30% !important; object-position: 50% 30% !important;}
.bg-center { background-position:50% 50% !important; object-position: 50% 50% !important;}
.bg-bot1 { background-position:50% 90% !important; object-position: 50% 90% !important;}
.bg-bot2 { background-position:50% 70% !important; object-position: 50% 70% !important;}

.home-categ {background-size: cover !important; background-repeat:no-repeat; padding-top:250px !important; transition:.3s all !important; border-radius:5px;}
.home-categ:before {position:absolute; z-index:0; left:-1px;top:-1px;right:-1px;bottom:-1px; content:"";  transition:.3s all !important; border-radius:5px;}
.home-categ:hover:before {background:radial-gradient(rgba(57,122,147,.2), rgba(24,93,127,.5)) !important;}

.home-categ h5 {color:#397A93; margin-top:0 !important; font-weight:700 !important;}
.home-categ .block-header {background: #fff; width: 100%; margin: 0 auto; padding:20px !important; border-radius:5px;  position:relative; z-index:1;}

.footer-gallery .lightbox {width: calc(100% / 8); }
.tz-gallery {display: inline-table !important; position:relative; z-index:2;}
.tz-gallery .lightbox { height: 250px; position: initial !important; object-fit: cover; object-position:center; display: inline-table; overflow: hidden;}
.tz-gallery .lightbox img { object-fit:cover; object-position:50% 90%; height:100%; width:100%; }
.footer-gallery.img-bordered .slider .slide, .footer-gallery.img-bordered .tz-gallery .lightbox {border-color:#fff; border-style:solid; border-left-width: 5px; border-right-width: 5px; border-top-width:10px; border-bottom-width:10px;}

@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-400px * 9))} }
.footer-gallery .slider {  margin: auto; overflow:hidden; position: relative; }
.footer-gallery .slider::before { left: 0; top: 0; }
.footer-gallery .slider .slide-track { animation: scroll 60s linear infinite; display: flex; width: calc(400px * calc(9 * 2)); }
.footer-gallery .slider .slide { width: 400px; height:250px;}
.footer-gallery .slider .lightbox {width: 100%; display: inline;}

.footer-cus { background-size:contain; background-repeat:no-repeat; background-position:bottom; }
.w-283 {width:283px;}
.row-gutter .row  .__col {padding: 1.2rem  !important; }

.modal-dialog.modal-lg, .modal-dialog.modal-xl {max-width: 100% !important;}

table thead tr td {background-color:#e6e6e6 /* 10% Black */; font-weight:900 !important;}
table td {border:1px solid #ccc /* 20% Black */; text-align:left;}
table tr td:first-child {font-weight:900 !important;}


.staff-menulist ul, .staff-menulist li {list-style: none; padding:0 !important; margin:0; display:block; width:100%;}
.staff-menulist li a {background-color: #e6e6e6 /* 10% Black */; margin:3px 2px; padding:5px 10px; cursor:pointer; transition:.3s all; display:block;}
.staff-menulist li.current_page_item a, .staff-menulist li a:hover {background-color:#333 /* 80% Black */ !important; color:#fff !important;}
.staff-menulist li:first-child a:before {content: "\f359"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right:5px;}
.modal-header {display: block !important;}

/*main > div.__base .staff-menulist {position: relative !important; width:auto !important; padding:inherit !important;}*/
/*.staff-menulist.block-section > .block-section-container {width:auto;}*/
/*.staff-menulist {position: absolute; width:200px; right: 0; height:100%; overflow-y:auto; overflow-x:hidden; background: #f0f0f0 /* 5% Black */;  box-shadow: 3px -3px 10px rgb(0 0 0 / 30%); z-index:1; transition:.3s all;}*/
/*.staff-menulist h5 {text-align: center; margin-bottom:10px;}*/

/*=============================RX-CUSTOM===========================*/

/***************** footer *********************/

footer .container-fluid {}
footer ul.navi {list-style: none; padding: 50px 0 50px 0; display: flex; margin-bottom:0 !important;}
footer ul.navi li {border: 1px solid #999 /* 40% Black */; flex-grow: 1; margin: auto 15px; cursor:pointer; background:rgba(255,255,255,0.3); font-size:13px;}
footer ul.navi li:last-child {}
footer ul.navi li a {border: none !important; color: #fff; display: block; padding: 10px 0; }
footer ul.navi li a:hover {color: #fff;  background: #397A93;}
footer ul.navi ul.children {display: none;}
footer h5 a {margin: 0 25px 50px 25px; display: inline-block;}
footer p {font-size:12px; line-height: normal;}
footer h6 {margin-bottom: 50px;}
footer h6.copyright {margin-bottom:0 !important; background: #246C87; border-radius: 15px 15px 0 0; padding: 10px;}
footer .logo-rnd {display: inline; width:100px;}


.gotop {   margin-top: -35px;  position: absolute; left: 50%; transform: translateX(-50%); }
.gotop i {background:#397A93; border-radius:50%; height:70px; width:70px; border: 4px solid #246C87; text-align:center; display: flex; justify-content: center; align-content: center; flex-direction: column; color:#fff; font-size:20px; transition:.3s all; margin-bottom: -80px;}
.gotop:hover i {font-size: 35px; background:#246C87; color:#333 /* 80% Black */;}

.socials i {margin:0 15px; display:inline-flex; background:#fff; color:#397A93; font-size:20px; border-radius:50%; height:50px; width:50px; text-align:center; justify-content: center; align-content: center; flex-direction: column; transition:.3s all;}
.socials i:hover {background:#246C87; color:#fff;} 

/***************** form *********************/

.block-form {margin-top: 30px !important;}
.block-form .form-control {border: none; background: #f0f0f0 /* 5% Black */; border-left: 4px solid #246C87; color: #333 /* 80% Black */; padding: 15px; font-size: .75rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: #fff; border-left: 4px solid #397A93; color: #333 /* 80% Black */;}
.block-form .form-control::-webkit-input-placeholder {color: #333 /* 80% Black */;}
.block-form .form-control:-moz-placeholder {color: #333 /* 80% Black */;}
.block-form .form-control::-moz-placeholder {color: #333 /* 80% Black */;}
.block-form .form-control:-ms-input-placeholder {color: #333 /* 80% Black */;}
.block-form .btn-primary {margin-top: 0;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #999 /* 40% Black */; border: none;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

/***************** styling *********************/

.text-light p {color: #fff !important;}
.text-light h6, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light a, .text-light a:hover {color: #fff !important; }
.text-light hr {background-color: #fff !important; color: #fff !important;}

.text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a, .text-dark a:hover {color: #333 /* 80% Black */;}

.text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #397A93;}
.text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary a, .text-secondary a:hover {color: #246C87;}

.text-success p, .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success a, .text-success a:hover {color: #00F08C;}
.text-danger p, .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger a, .text-danger a:hover {color: #F03278;}
.text-warning p, .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning a, .text-warning a:hover {color: #FFEB00;}
.text-info p, .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info a, .text-info a:hover {color: #3C6EFF;}

.filter-dark:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #333 /* 80% Black */; opacity: .3; z-index: 0;}
.filter-light:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; opacity: .3; z-index: 0;}
.filter-primary:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #397A93; opacity: .3; z-index: 0;}
.filter-secondary:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #246C87; opacity: .3; z-index: 0;}
.filter-success:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #00F08C; opacity: .3; z-index: 0;}
.filter-danger:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #F03278; opacity: .3; z-index: 0;}
.filter-warning:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #FFEB00; opacity: .3; z-index: 0;}
.filter-info:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #3C6EFF; opacity: .3; z-index: 0;}
.filter-custom1:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #9cc6d6 /* 70% Black */; opacity: .3; z-index: 0;}
.filter-custom2:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #999 /* 40% Black */; opacity: .3; z-index: 0;}
.filter-custom3:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #b3b3b3 /* 30% Black */; opacity: .3; z-index: 0;}
.filter-custom4:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #ccc /* 20% Black */; opacity: .3; z-index: 0;}
.filter-custom5:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #e6e6e6 /* 10% Black */; opacity: .3; z-index: 0;}
.filter-custom6:before {position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #f0f0f0 /* 5% Black */; opacity: .3; z-index: 0;}

.bg-primary {background-color: #397A93;}
.bg-secondary {background-color: #246C87;}

.bg-dark {background-color: #333 /* 80% Black */;}
.bg-light {background-color: #fff;}

.bg-info {background-color: #3C6EFF;}
.bg-success {background-color: #00F08C;}
.bg-danger {background-color: #F03278;}
.bg-warning {background-color: #FFEB00;}

.bg-custom1 {background-color: #9cc6d6 /* 70% Black */;}
.bg-custom2 {background-color: #999 /* 40% Black */;}
.bg-custom3 {background-color: #b3b3b3 /* 30% Black */;}
.bg-custom4 {background-color: #ccc /* 20% Black */;}
.bg-custom5 {background-color: #e6e6e6 /* 10% Black */;}
.bg-custom6 {background-color: #f0f0f0 /* 5% Black */;}

.bg-custom6 hr {background-color: #fff; color: #fff;}
.bg-custom6 .block-list-group .list-group-item {border-color: #fff;}
.bg-custom6 .block-list-group .list-group-item:last-child {border-color: #fff;}
.bg-custom6 .block-list-group .list-group-item:hover {background: #fff;}
.bg-custom6 .block-list-group.accordion .card {background: #fff;}
.bg-custom6 .block-list-group.accordion .card:hover {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item.active {background: #fff;}
.bg-custom6 .block-list-group.tabs .tab-content {background: #fff;}
.bg-custom6 .news .list-group-item {border-color: #fff !important;}
.bg-custom6 .news .list-group-item:hover {background: #fff;}
.bg-custom6 .block-form .form-control {background: #fff;}
.bg-custom6 .block-form .form-control:focus {background: #f0f0f0 /* 5% Black */;}


@media (max-width: 1920px) {
    html, body {font-size: calc(15px - 2px);} 
    
    hr {margin: 10px auto 23px auto;}
    
    .spacer {height: 23px;}
    
    .btn {padding: 11px 38px; border-radius: 23px; margin: 23px 0 0 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    
    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px; }
    .block-list-group.accordion .card .card-body {padding: 0 23px 15px 23px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 15px 23px;}
    .block-list-group.tabs .tab-content {padding: 30px 45px;}

    .news .list-group-item {padding: 30px 45px;}
    .news .list-group-item .list-content {margin: 23px 0 0 0;}
    .pager li a {margin: 0 8px !important; width: 12px; height: 12px; border-radius: 6px !important;}
    
    #block-gallery-modal .caption-container {padding: 23px;}
    #block-gallery-modal p {padding: 8px 0 0 0 !important;}

    .block-gallery .carousel {margin-top: 23px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 38px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 8px; width: 12px; height: 12px; border-radius: 6px;}
    .block-gallery .carousel .carousel-caption {padding: 38px;}
    .block-gallery .carousel .carousel-caption > p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 15px 0 0 0;}
    
    
    
    .navbar {padding: 0 19px;}
    .navbar .navbar-brand img {width: 275px;}
    .navbar .navbar-nav .nav-link {margin: 0 19px; }
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 8px 30px 8px 23px;}
    
    .container, .block-section > .block-section-container {max-width: 1050px;}

    .block-section {padding: 75px 0 98px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px;}
    
    .block-section.banner .block-section-container {padding-bottom: 38px;}
    
    main .block-section:first-child, .block-error-404 {}
    
    main p, main img {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 0 0 0;}
    
    main ul {margin: 15px 0 0 0;}
    main ul li {margin: 4px 0;}
    main ul li:before {padding: 0 8px 0 0;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}
    
    footer .container-fluid {}
    footer ul {}
    footer ul li a {padding: 38px 0;}
    footer h5 a {margin: 0 19px 38px 19px;}
    footer h6 {margin-bottom: 38px;}
    
    .block-form {margin-top: 23px !important;}
    .block-form .form-control {padding: 11px;}
    .block-form .input-group-addon {padding: 11px; }
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;}

    .head h6:before, .head h5:before, .head p:before { margin-left: -100px; }
    
    .fb-icon {width:40px !important;}
    .fb-icon.active {left:320px !important;}
}

@media (max-width: 1440px) {
    .navbar {height: 75px;}
    .navbar .navbar-brand img {width: 225px;}
    .navbar .navbar-nav .nav-link {margin: 0 10px; font-size:11px;}
    
    .staff-menulist { position: relative; width: 100%;}
}

@media (max-width: 1280px) {
    html, body {font-size: 12px;} 
    p, ul {font-size: calc(16px - 2px)}
    
    h6 {letter-spacing: 2px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    hr {margin: 10px auto 15px auto;}
    
    .spacer {height: 15px;}
    
    .btn {padding: 8px 25px; border-radius: 15px; margin: 15px 0 0 0; letter-spacing: 1px;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px; border-width: 1px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px; }
    .block-list-group.accordion .card .card-body {padding: 0 15px 10px 15px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 10px 15px;}
    .block-list-group.tabs .tab-content {padding: 20px 30px;}

    .news .list-group-item {padding: 20px 30px; border-width: 1px !important;}
    .news .list-group-item .list-date {letter-spacing: 2px;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}

    #block-gallery-modal .caption-container {padding: 15px;}
    #block-gallery-modal p {padding: 5px 0 0 0 !important; letter-spacing: 2px;}

    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {border-width: 1px;}
    .block-gallery .carousel .carousel-caption {padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0; letter-spacing: 2px;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 10px 0 0 0;}
    
    
    
    .navbar .navbar-nav .nav-item.active .nav-link {border-width: 1px; }
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 5px 20px 5px 15px; border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {border-width: 2px;}
    
    .container, .block-section > .block-section-container {max-width: 900px;}

    .block-section {padding: 50px 0 65px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px;}
    
    .block-section.banner .block-section-container {padding-bottom: 25px;}

    main p, main img {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;}
    
    main ul {margin: 10px 0 0 0;}
    main ul li {margin: 3px 0;}
    main ul li:before {padding: 0 5px 0 0;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px; }
    
    footer .container-fluid {}
    
    footer ul li {border-width: 1px;}
    footer ul li a {padding: 25px 0;}
    footer h5 a {margin: 0 13px 25px 13px;}
    footer h6 {margin-bottom: 25px;}
    
    .block-form {margin-top: 15px !important;}
    .block-form .form-control {padding: 8px; border-width: 2px;}
    .block-form .form-control:focus {border-width: 2px;}
    .block-form .input-group-addon {padding: 8px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;}

   .head h6:before, .head h5:before, .head p:before { margin-left: -80px; }
}

@media (max-width: 1080px) {
    .block-section.bg-fixed, .bg-fixed {background-attachment: scroll;}
    .main-slider .block-gallery .carousel .carousel-caption {width:90% !important; }
    .news-4 .news .list-group-item {padding: 330px 20px 20px 20px !important; flex: 1 calc(calc(100% / 3) - 45px) !important;}
}

@media (min-width: 993px) {
    .navbar .navbar-nav .nav-item {padding-top:3px !important; padding-bottom:3px !important;}
    .nav-last-btn .navbar-nav .nav-item:last-child, .nav-btn { background: #397A93; color:#fff !important; border-radius: 50px; transition: .3s all; border:none !important; padding: 3px 10px !important;}   
    .nav-last-btn .navbar-nav .nav-item:last-child .nav-link, .navbar .nav-item.nav-btn .nav-link { color:#fff !important; border:none !important;}
    .nav-last-btn .navbar-nav .nav-item:last-child:hover, .nav-btn:hover { background: #333 /* 80% Black */ !important; } .nav-item.nav-btn .nav-link:hover { color:#fff !important; border:none !important;}
    .navbar .navbar-nav .nav-item.nav-btn.active .nav-link {border:none !important;}
}

@media (max-width: 992px) {
    h1 {font-size: 3.5rem;}
    h2 {font-size: 2.5rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.6rem;}
    h5 {font-size: 1.2rem;}
    
    .news .list-group-item .list-header {font-size: 1.6rem;}
    
    #block-gallery-modal h3 {font-size: 1.6rem;}
    
    .block-gallery .carousel .carousel-caption {}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.6rem;}
    
    
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 15px; background:#fff !important;}
    .navbar .navbar-brand img {margin-left: 15px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 2px 0; padding: 8px 20px; font-size: 12px; border-left: 6px solid #397A93 !important; background: #fff; color: #333 /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-link:hover {background:#fff !important; }
    .navbar .navbar-nav .nav-item.active .nav-link {background: #f0f0f0 /* 5% Black */; border-bottom: 0px !important; color: #397A93 !important; border-left: 6px solid #246C87 !important; }
    .navbar .navbar-nav .nav-item.active .nav-link:hover {background: #f0f0f0 /* 5% Black */ !important; color:#333 /* 80% Black */ !important;}
    
    .navbar .navbar-collapse {position: fixed; top: 55px; width: 100%;}
    .navbar .navbar-nav .nav-btn.nav-item .nav-link {background: #397A93 !important; color:#fff !important;}
    
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section {padding: 50px 15px 75px 15px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 15px 40px 15px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 25px 65px 25px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 50px 115px 50px;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 25px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 5.5rem;}
    
    .news-3 .news .list-group-item, .news-4 .news .list-group-item {padding: 330px 20px 20px 20px !important; flex: 1 calc(calc(100% / 2) - 30px) !important;}
}

@media (max-width: 767px) {
   body {background-attachment:scroll; background-repeat:repeat-y; background-position:center; background-size:200%;}

    h1 {font-size: 3rem;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.7rem;}
    h4 {font-size: 1.3rem;}
    h5 {font-size: 1rem;}
    p, ul {font-size: calc(14px - 2px);}
    .h2-md h1 {font-size: 2.6rem !important;}
    .h-fix h5 {font-size: 1.5rem !important;}
    
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .news .list-group-item .list-header {font-size: 1.3rem;}
    .news .list-group-item, .news-3 .news .list-group-item, .news-4 .news .list-group-item {padding: 330px 20px 20px 20px !important; flex: 1 100% !important;}
    
    #block-gallery-modal h3 {font-size: 1.3rem;}
    
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.3rem;}
    
    
    .block-section {padding: 25px 15px 40px 15px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px;}
    .block-section.lg-box .block-columns .block-section {padding: 50px 15px 65px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 4.5rem;}
    
    footer .container-fluid {}
    footer ul {display: block !important;}
    footer ul li {border-right: none; width:80% !important; margin:0 auto !important;}
    footer ul li a {padding: 15px 0;}
    footer h5 a {margin: 0 13px 13px 13px;}
    footer h6 {margin-bottom: 13px;}
    
    footer ul.navi li {border:none !important; margin-bottom:3px !important;}
    
    .text-left-center, .text-right-center {text-align: center !important;}  .text-right-left {text-align: left !important;}
    .w-75-100 {width:100%;} .w-100-75 {width:75%;} .w-25-75, .w-50-75 {width:75% !important;} .w-25-50, .w-100-50 {width:50% !important;} .w-50-25 {width:35% !important;}
    .masonry-4 {column-count: 2 !important;}
    .masonry-3 {column-count: 1 !important;}
    .header-text h1 { padding: 1.5rem !important; }
    
    .categ-div {padding:5rem 3rem !important;}
    .categ-div:hover {outline:4px solid #397A93 !important;}
    .categ-div h4 {font-size:2rem !important;}
    .bg-image.services-gallery {height:40vh !important;}

	.partners.block-gallery .gallery .gallery-item {width:50%;}
	.bg-half:before {background: transparent;}
	
	.home-categ {padding-top:180px !important;}
	.home-categ:before {background:none;}
	.home-categ h5 {font-size: 1.5rem !important; }
	.row-gutter .row  .__col {padding:1rem 15px  !important; }
	
	.footer-gallery .slider .slide { height:180px;}
	.footer-cus { background-attachment:fixed; background-position:center; }
	.w-md-auto {width: auto !important;}
}

@media (max-width: 558px) {
    .header-text h1 {font-size:20px !important;}
    footer ul.navi li {width: 100%;}
    .gallery-4.block-gallery .gallery .gallery-item {width: calc(100% / 4);}
    .gallery-3.block-gallery .gallery .gallery-item {width: calc(100% / 3);}
    .gallery-2.block-gallery .gallery .gallery-item {width: calc(100% / 2);}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
}

@media (max-width: 320px) {
    h1 {font-size: 2.5rem;}
    
    .navbar .navbar-brand img {width: 190px;}
    
}