@charset "UTF-8";
/* 2025/03/17 Add */
body{padding-top: 8.25rem !important;}
html {scroll-behavior: smooth;}
p {line-height: 1.8;min-height:1.8em;}
dl, ol, ul{margin-bottom: 0;}
a{word-break: break-all;}
.main img{max-width:100%;max-height: fit-content;}
.main ul{padding-left: 1em;list-style-type:disk;}
.main ul li::marker {content: '●';}
.main ol{padding-left: 2em;}
.jb_group .site_description {font-size: 0.8rem; margin-left: 1rem;}
.jb_group {height: 1.8rem;font-size: 0.8rem;overflow: hidden;}
.jb_group ul li {margin-right: 1rem;}
.jb_group .title{margin-right: 2rem;}
.jb_group ul li img{margin-left: 0.3rem;}
.head {height: 6.5rem;border-bottom: 0.3rem solid #3577B6;}
/*.head .logo {margin-left: 1rem;}*/
.globalnavi li div{font-size: 1rem;}
.head .logo .logo_image{margin-right: 0;min-width: 13rem;max-width: 13rem;}
.head .logo .logo_image img{max-height: 3.5em;}
.head .data .search{width: 7rem;height: 6.3rem;margin-left: 1.5rem;}
.head .data .contact{width: 7rem;height: 6.3rem;}
.head .data .sns li{width:100%;margin-left: 1rem;margin-right: 0rem;}
header + .collapse, header + .collapsing {top: inherit; }
.globalnavi li a.dropdown-item {height: 4rem;}
.search_result dd{border-bottom: 1px dotted #ccc;padding-bottom: .5rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:0;}
.page-item.active .page-link{background-color:#3577B6;border-color:#3577B6;}
a.page-link{color:#0056b3;}
footer a{color:white;}
footer a:hover{color:azure;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer .material-icons{font-size:1em;}
footer ul.list-group li{background-color:transparent;padding: 0;line-height: 1.5;border:none; font-size:95%;}
footer {
background-image: url(../../files/top_contents_box_bg.jpg);
background-color: #3577B6 !important;
background-size: cover;
overflow: hidden;
padding-top: 5rem;
padding-bottom: 4rem;
}
.footer-contact{overflow:hidden;}
.icon_play_circle_filled, .icon_play_arrow, .icon_circle{padding-left:1.2em !important;}
.icon_play_circle_filled:before{font-family: 'Material Icons';content:"\e038";display:inline-block;width:1.2em;margin-left:-1.2em;vertical-align: middle;}
.icon_play_arrow:before{font-family: 'Material Icons';content:"\e037";display:inline-block;width:1.2em;margin-left:-1.2em;vertical-align: middle;}
.icon_circle:before{font-family: 'Material Icons';content:"\e3a6";display:inline-block;width:1.2em;margin-left:-1.2em;vertical-align: middle;}
#footer_link01.collapse{display: block;}
#carouselExampleIndicators .carousel-indicators{bottom: 1em;}
@media screen and (max-width: 559px) {
.sp {display: inline-block;}
#footer_link01.collapse{display: none;}
#footer_link01.collapse.show{display: block;}
}
/*footer ul.list-group > li > ul {margin-left:1em;}
footer ul.list-group > li > ul > li >ul {margin-left:1em;}*/
footer .footer_menu .col{width:33.3%;float:left;}
footer .footer_menu:after{clear: both;}
.footer{display:flex;}
.footer_link_list {display: block;margin-bottom:0;}
.footer_link_list > li ul li{margin-bottom: 0;}
#footer_link_list05.collapse {display: block;}
.footer_link_list .collapse{
display: block;
}
@media screen and (max-width: 1024px) {
#navArea a.arrow{
width: 100%;
display: flex;
justify-content: space-between;
}
#navArea a.arrow[aria-expanded="false"]::after{
content: '▼';
}
#navArea a.arrow[aria-expanded="true"]::after{
content: '▲';
}
}
@media screen and (max-width: 1024px) {
.head .logo .logo_image img{max-height: 2.5em;}
}
@media screen and (max-width: 768px) {
footer .footer_menu .col{width:50%;}
}
@media screen and (max-width: 559px){
footer .footer_menu .col{width:100%;}
/*#footer_link_list05.collapse {display:none;}
#footer_link_list05.collapse.show {display:block;}
#footer_link_list01.collapse,
#footer_link_list02.collapse,
#footer_link_list03.collapse,
#footer_link_list04.collapse{
display: none;
}*/
.footer_link_list .collapse{display: none;}
.footer_link_list .collapse.show{
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.footer_link_list a{
width: 100%;
}
.footer_link_list a.arrow[aria-expanded="false"]::after{
content: '▼';
}
.footer_link_list a.arrow[aria-expanded="true"]::after{
content: '▲';
}
}
.footer_link_list > li div{align-items: center;font-size: 1rem;}
.footer_link_list > li .pc {display: flex;font-weight: normal;color: #fff;margin-bottom: .5rem;}
.footer_link_list > li .pc span {font-size: 1rem;margin-right: 0.5rem;}
.footer_link_list > li .sp{display: none;}
.footer_link_list > li ul {margin-left: 1rem;margin-bottom: 1rem;}
.footer_link_list > li ul li {font-size: .8rem;}
.footer_link_list > li ul li::before{margin-top: 0;}
.footer_link_list > li ul li {display: block;}
.footer_link_list > li ul ul {margin-left:0;margin-bottom: 0;}
.copy{padding-bottom:2em;}
@media screen and (min-width: 560px) {
.footer_link_list > li div{display: flex;margin-bottom: .5em;}
}
@media screen and (max-width: 559px) {
.footer_link_list .collapse.show{
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.footer_link_list > li ul {margin-top: 1rem;}
.footer_link_list > li .pc{
display:none;
}
.footer_link_list > li {
margin-bottom: 0;
}
.footer_link_list a.arrow[aria-expanded="false"]::after {
float: right;
}
.footer_link_list a.arrow[aria-expanded="true"]::after {
float: right;
}
.footer_link_list > li ul li {
font-size: 1rem;
line-height: 2em;
}
.footer_link_list > li div{
padding-top: .5rem;
margin-bottom: .1rem;
font-weight: normal;
width: 100%;
border-bottom: 0.05rem solid #fff;
padding-bottom: .5rem;
}
.footer_link_list > li .sp {
display: flex;
}
.footer {
padding-top: 2rem;
padding-bottom: 0rem;
}
.copy{padding-bottom:8em;}
.follow {height: 4rem;}
.follow a.contact {width: 18rem;margin-right: 2rem;color: #fff;}
.follow a {height:2.5em;}
.follow a.top {width: 2.5rem;}
}
@media screen and (max-width: 1024px) {
body {padding-top: 4rem !important;}
.head {height: 4rem;}
.head .data .search{height: 4rem;width: 4rem;}
.head .data .contact {height: 4rem;width: 4rem;}
.toggle_btn{height: 4rem;width: 4rem;}
.head .data {margin-right: 4.05em;}
}
@media screen and (max-width: 559px){
body {padding-top: inherit;}
header {height:inherit;}
.head .logo {height: inherit;}
#navArea .search {height:3.7rem;width:4rem;border-bottom:0;right:4rem;}
}
#carouselExampleIndicators {height: 31rem;margin-bottom: 5rem;}
#carouselExampleIndicators .carousel-item{height: 31rem;}
#carouselExampleIndicators .carousel-item .block{height: 100%;}
#carouselExampleIndicators .carousel-item .title {font-size: calc(1.25vw + 2rem);margin-bottom: 2.5rem;}
#carouselExampleIndicators .carousel-item .text {font-size: 1.5rem;}
#carouselExampleIndicators .carousel-item .title p {font-size: 1.5rem;}
#carouselExampleIndicators .carousel-item .carousel-bg-image{height:100%;width: 100%;}
.carousel-indicators li{width: 1rem;height: 1rem;}
.pagetop a {font-size: 0.75rem;border: 1px solid #208ccd;}
.pagetop {bottom: 1.25rem;right: 1.25rem;width: 3.25rem;height: 3.25rem;}
.text-primary, .text-01{color: #3577B6 !important;}
.text-cyan, .text-02 {color: var(--cyan);}
.text-olive, .text-03{color:#41651a;}
.text-purple, .text-04 {color: #754ab5;}
.badge-primary{background-color: #3577B6;}
.bg-primary{background-color: #3577B6 !important;}
.btn-primary {background-color: #3577B6;border-color: #3577B6;}
.btn-danger{background-color:#930839; border-color:#930839;}
.btn-danger a{color:#fff;}
.btn-outline-primary {color: rgba(53,119,182,1.00); border-color: rgba(53,119,182,1.00);}
.btn-outline-primary:hover {background-color: #3577B6;border-color: #3577B6;}
.btn-outline-danger{border-color:#930839;color:#930839;}
.btn-outline-danger:hover{background-color:#930839; border-color:#930839;}
.btn-outline-light{background-color: #fefefe;color: rgba(86,86,86,1.00);border: 0.1rem solid #ddd;}
.btn-outline-light:hover{border: 0.1rem solid #ddd;}
.btn-outline-dark{background-color: rgb(256, 256, 256, 0.7);}
.btn-outline-white{color:#fff;background-color: transparent;border: 0.1rem solid #fff;}
.btn-light{color: rgba(86,86,86,1.00);border: 0.1rem solid #ddd;}
.btn-cyan{background-color: var(--cyan);border-color: var(--cyan);}
.btn-olive {background-color: #41651a;border-color: #41651a;}
.btn-purple {background-color: #754ab5;border-color: #754ab5;}
.bg-extend-left {
overflow: hidden;
position: relative;
z-index: 1;
}
.bg-extend-left::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: -100%;
top: 0;
transition: .5s;
z-index: -1;
}
.bg-extend-left:hover::before {
left: 0;
}
.btn-outline-primary.bg-extend-left::before {background-color: #3577B6;}
.btn-outline-secondary.bg-extend-left::before {background-color: #6c757d;}
.btn-outline-success.bg-extend-left::before {background-color: #28a745;}
.btn-outline-danger.bg-extend-left::before {background-color: #dc3545;}
.btn-outline-warning.bg-extend-left::before {background-color: #ffc107;}
.btn-outline-info.bg-extend-left::before {background-color: #17a2b8;}
.btn-outline-light.bg-extend-left::before {background-color: #f8f9fa;}
.btn-outline-dark.bg-extend-left::before {background-color: #343a40;}
.btn-outline-white.bg-extend-left::before {background-color: #5e7388;}
/*.btn.arrow::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
height: 100%;
width: 0;
background: #222;
}*/
/*.btn.arrow::before{display: block;}
.btn.arrow::after {
content: "\025b6";
margin-left: 0.5rem;display:flex;align-items: center;
}*/
.btn span.material-icons{display: inline-block;position:absolute;top: 50%;transform: translate(-.5em, -50%);}
.btn:has(.material-icons){position:relative;}
.btn:has(.material-icons) span:not(.material-icons){padding-right:1em;}
.btn span{display:inline-block;}
.breadcrumb{background-color: transparent;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #3577B6;}
.border-primary{border-color: #3577B6 !important;}
.bg-gray-white-stripe{
background-image: url(https://www.solnet-dot.com/files/top_about_bg.jpg);
background-size: cover;
background-position: center;
border: 0.2rem solid #dfdfdf;
}
.bg-gray-white-stripe .card-text {
word-wrap: break-word;
word-break: break-all;
font-size:90%;
}
.main h1{
font-size: 1.5rem;
display: flex;
align-items: center;
padding: 1rem 0 1rem 1.5rem;
margin: .5em 0 1em 0;
border-left: 0.1rem solid #0086b1;
line-height: 1.5;
font-weight:bold;
}
.main h2{
padding: .5rem 1rem;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
line-height: 1.5;
font-size: 1.25em;
margin: .8em 0 .8em 0;
font-weight:bold;
}
.main h3{
position:relative;
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-bottom: 6px solid #0097e1;
line-height: 1.2;
font-size: 1.25rem;
font-weight:bold;
}
.main h3:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #084c93;
font-weight:bold;
}
.main h4{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-left: 5px solid #0097e1;
background: #f4f4f4;
line-height: 1.5;
font-size: 1.15rem;
font-weight:bold;
}
.main h5{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-bottom: 0.1rem solid #ddd;
line-height: 1.5;
font-size: 1rem;
font-weight:bold;
}
.main h6{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
line-height: 1.5;
font-size: 1rem;
font-weight:bold;
}
.bg-blue-box{min-height:10%;overflow: hidden;background: url(../../files/top_contents_box_bg.jpg) #008ed4;}
.bg-blue-box .image img{clip-path: ellipse(85% 90% at 90% 60%);object-fit: cover;max-height: 100vh;width: 100%;}
.bg-blue-box .image{min-width: 50%;}
.bg-blue-box a .btn{color:white;border-color:white;}
.bg-blue-box h3{border:none;padding:0;}
.bg-blue-box h3:before{background: none;}
@media screen and ( max-width: 768px ){
.bg-blue-box {justify-content: center;flex-direction: column-reverse;}
.bg-blue-box .image{width:100%;}
.bg-blue-box .image img{clip-path: ellipse(100% 80% at 45% 20%);object-fit: cover;max-height: max-content;}
}
.main .title {display: flex;flex-direction:column;margin-bottom: 3rem;padding-left: 2rem;border-left: 0.1rem solid #0086b1;justify-content: center;min-height: 6em;align-items: flex-start;}
.main .title p{font-family: 'Oswald', sans-serif;font-weight: bold;font-size: 3rem;font-weight: bold;line-height: 1;letter-spacing: 0.2rem;min-height: 1em;}
.main .title h1,.main .title h2,.main .title h3,.main .title h4,.main .title h5,.main .title h6,.main .title div {font-size: 1rem;font-weight: bold;padding:0;margin-left:0;margin-bottom:0;margin-top: 0.5rem;margin-right: 2.5rem;line-height: 1em;border:none;}
.main .contents_title {display: flex;flex-direction:column;margin: 2em 0 2em 0;padding: 1rem 1.5rem;border-left: 0.1rem solid #0086b1;justify-content: center;align-items: flex-start;}
.main .contents_title h1{margin:0;padding:0;border-left:none;line-height:1;}
.main .contents_title p{font-weight: bold;margin-top:1rem;letter-spacing: 0.2rem;font-size:90%;}
.top_services_list_s a h4 span,.top_services_list_s a .top_services_title span {position: relative;}
.top_services_list_s div h4,.top_services_list_s div .top_services_title {/*position: absolute;*/font-weight: 600;color: #fff;z-index: 1;line-height: 1.5;font-size: 1.2rem;top: 1rem;left:.5em;padding-left: 0.2rem;border-left: 0.4rem double #fff;}
.top_services_list_s a h4,.top_services_list_s a .top_services_title {position: absolute;font-size:clamp(1em, 1.5vw, 2em);font-weight: 600;top: 0.5rem;left: 1.5rem;color: #fff;z-index: 1;padding-left: 0.5rem;border-left: 0.6rem double #fff;line-height: 1.5;}
.top_services_list_s a h4 span::after,.top_services_list_s a .top_services_title span::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
.top_services_list_s a::before {border-right: 2em solid #fff;content: "";bottom: 0.5rem;right: 0.5rem;border-top: 2em solid transparent;position: absolute;z-index: 1;}
.top_services_list_s img{min-height:100%;max-width:100%;}
.top_services_list_s .col{overflow:hidden;}
.top_services_list_s h4 span::after,.top_services_list_s .top_services_title span::after {border-bottom: 0.08rem solid #fff;}
.top_services_list_s div .box{min-height:380px;background-position:center;object-fit: cover;}
.top_services_list_s div .box:hover,.top_services_list_s div .box_sub:hover{opacity: 0.6;transition: .5s;}
.top_services_list_s div .box_sub{min-height:186px;background-position:center;object-fit: cover;}
.top_search_box .nav-tabs .nav-item h3 {font-size: clamp(1em, 2vw, 2.5em) !important;margin-right: 1.5rem;margin-bottom:0;}
.top_search_box .nav-tabs .nav-link{height:auto;}
.top_search_box .tab-content{padding:1.5rem 3rem;}
.top_search_box .nav-tabs .nav-item a .icon{margin-left: 0;}
.top_search_box .nav-tabs small {font-size: clamp(.8em, 1.5vw, 1em);line-height:1em;}
.top_search_box .nav-tabs .nav-item{width: auto;}
.top_search_box .nav-tabs{line-height:3em;}
.mw-100{max-width:100%;}
.bg-cover{background-size: cover;background-repeat: no-repeat;}
.bg-transparent{background-color:transparent;}
.img-cover{object-fit: cover;object-position: center;}
.nav-tabs.tab-primary .nav-item.show .nav-link, .nav-tabs.tab-primary .nav-link.active {border-color: #3577B6 #3577B6 #fff;}
.nav-tabs.tab-primary{border-bottom: 1px solid #3577B6;}
.nav-tabs .nav-link {border-color: #ccc #ccc transparent;}
.table-border-bottom-dotted td{border-bottom: 0.1rem dotted #c6c6c6;border-top:0;border-left:0;border-right:0;}
.banner img{max-height:6em;}
table .row { margin-right: 0; margin-left: 0;}
table .row td, .table .row th {border-top: none;}
table img {max-width: 100%;height: auto;}
table[border="1"]:not([style*="border-color"]),table[border="1"]:not([style*="border-color"])>tbody>tr,table[border="1"]:not([style*="border-color"])>tbody>tr>td{border-color:#dee2e6;}
table td, table th {padding: .75rem;}
table th{white-space: nowrap;}
.table {margin-bottom: 0;}
table .date{width:10em;}
table td[valign*="middle"]{display:grid; align-content:center;}
.font-size-sm{font-size: clamp(.8rem, 1vw, 1rem);}
.font-size-md{font-size: clamp(1rem, 1.8vw, 1.1rem);}
.font-size-lg{font-size: clamp(1rem, 1.8vw, 1.25rem)}
.card:has(a.stretched-link):hover img{opacity: 0.6;}
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{padding:0;margin:0;border:none;}
.card-anchor .card .card-title,.card-anchor .card .card-subtitle{font-family: 'Oswald', sans-serif;}
.card-anchor .card .card-title{font-size:80%;margin-bottom:0;}
.card-anchor .card .card-text{line-height: 1.4;}
.card-anchor .card .card-body::after {
content: "▼";
position: absolute;
bottom: -3rem;
color: #c9c9c9;
font-size: 2rem;
margin-left: -.5em;
}
.recruit-parts h1, .recruit-parts h2, .recruit-parts h3, .recruit-parts h4, .recruit-parts h5, .recruit-parts h6{text-decoration:none;}
.recruit-parts h1:before, .recruit-parts h2:before, .recruit-parts h3:before, .recruit-parts h4:before, .recruit-parts h5:before, .recruit-parts h6:before{background:none;}
.anchor-h3 .anchor-title{font-family: 'Oswald', sans-serif;font-size:80%;margin-bottom:0;}
.anchor-h3 .anchor-subtitle{font-family: 'Oswald', sans-serif;font-size: 3.5rem;line-height: 1;}
.anchor-h3 .anchor-text{border:none;font-size: 1.5rem;}
.anchor-h3 .anchor-text:before{background:none;}
@media screen and (max-width: 991px) {
.card-anchor .card .card-body::after{
display:none;
}
}
.accordion_title{margin:0;background:none;
font-size: 1.25rem !important;
color: #084c93;
font-weight: bold;
padding: 0.5rem 1rem 0.5rem 0 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
border-bottom: 0.3rem solid #084c93 !important;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
}
.accordion_title a{color: #084c93;}
.chambers_function_list > li h4 {
color: #084c93;
font-weight: bold;
padding-bottom: 1rem;
border-bottom: 0.4rem solid #084c93;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
}
.chambers_function_list a.arrow {
width: 100%;
display: flex;
justify-content: space-between;
}
.chambers_function_list a.arrow[aria-expanded="false"]::after {
content: '▼';
}
.chambers_function_list a.arrow[aria-expanded="true"]::after {
content: '▲';
}
.chambers_faq_list {}
.chambers_faq_list div.q {
background: #3577B6;
display: flex;
align-items: center;
padding: .5rem 1rem;
color: #fff;
}
.chambers_faq_list div.q::before {
font-family: 'Oswald', sans-serif;
content: "Q";
font-size: 2rem;
font-weight: bold;
margin-right: .8rem;
}
.chambers_faq_list div.a {
display: flex;
/*align-items: center;*/
padding: .5rem 1rem;
}
.chambers_faq_list div.a::before {
font-family: 'Oswald', sans-serif;
content: "A";
font-size: 2rem;
font-weight: bold;
margin-right: .8rem;
}
.pankuzu_list {display: flex;margin-bottom: 0;margin-left: auto;margin-right: auto;flex-wrap: wrap;font-size:.8rem;}
.pankuzu_list li{margin-right: .5rem;}
.breadcrumb-item+.breadcrumb-item::before {color: #aaaaaa;content: "▶";font-size: 0.5rem;vertical-align: middle;line-height: 2.3;}
/*.pankuzu_list li:not(:last-child)::after {content: "\025b6";color: #aaa;margin-left: .5rem;font-size: 0.5rem;vertical-align: middle;}*/
.underlayer_title {background-color: #0096e0;background-repeat: no-repeat;background-size: contain, contain;}
.underlayer_title .box {
/*min-height: 15rem;*/
display: flex;
align-items: center;
color: #fff;
justify-content: space-between;
max-width: 100%;
height: 19rem;
}
/*.underlayer_title .box .title h2{font-size:inherit;}
.underlayer_title .box .title p{font-size:inherit;}
.underlayer_title .box .title div{display:block;margin-bottom:auto;}*/
@media screen and (max-width: 768px) {
.top_search_box .nav-tabs .nav-link small{width: 100%;text-align: center;}
.top_search_box .nav-tabs .nav-item {
width: 50%;
}
}
@media screen and (max-width: 559px) {
.top_search_box .nav-tabs .nav-item h3 {font-size: clamp(1em, 1.5vw, 1.5em) !important;}
.nav-tabs .nav-item {width: auto;font-size: 3vw;}
#newsTabContent td {float: left; border: none;}
#newsTabContent table td:last-child {border-bottom: dotted #ccc;width: 100%; padding-top: 0;}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}
}
@media screen and (min-width: 768px) {
.underlayer_title{
background-image:url('../../files/title_dot.png');
background-position: bottom left;
}
.underlayer_image{
clip-path: polygon(20% 0, 100% 0%, 100% 100%, 20% 100%, 5% 36%);
object-fit: cover;
position:absolute;
height: 19rem;
overflow: hidden;
right:0;
z-index: 0;
max-width: 835px;
/*max-width: 100%;*/
}
.underlayer_frame{
position:absolute;
height: 19rem;
overflow: hidden;
right:0;
z-index: 1;
}
.box .title{z-index:2;}
.box .title .blue-stroke{-webkit-text-stroke: 2px #0096e0; text-stroke: 2px #0096e0; paint-order: stroke; }
}
@media screen and (max-width: 1024px) {
.underlayer_image, .underlayer_frame {
height: 15rem;
max-width: 665px;
/*max-width: 100%;*/
}
/*.underlayer_image{
clip-path: polygon(200px 0, 100% 0, 100% 100%, 200px 100%, 110px 85px);
}*/
.underlayer_title .box{height: 15rem;}
}
@media screen and (max-width: 768px) {
.box .title{z-index:2;}
.box .title .h1{font-size:1.5rem;}
.box .title .h5{font-size:0.9rem;}
.underlayer_title .box {
height: 12rem;
}
.underlayer_image{
clip-path: none;
}
.underlayer_image, .underlayer_frame {
height: 12rem;
/*max-width: 480px;*/
max-width: 100%;
}
.underlayer_image, .underlayer_frame {
position:absolute;
z-index: 0;
}
.underlayer_image{opacity:0.4;width: 100%;object-fit: cover;clip-path:none;}
.underlayer_frame{display:none;}
}
@media screen and (max-width: 559px) {
.top_services {
height: auto;
}
#carouselExampleIndicators .carousel-item .title {font-size: 2.5rem;}
#carouselExampleIndicators .carousel-item .title p{font-size: 1.2rem;}
#carouselExampleIndicators .carousel-item .text{font-size: 1rem;margin-bottom: 1rem;}
#carouselExampleIndicators .carousel-item .btn{font-size: 1rem;}
#carouselExampleIndicators .carousel-item .image{height:auto;width: 100%;}
#carouselExampleIndicators .carousel-item .image img{margin: 0 auto;}
.main .title{padding-left: 1rem;min-height: 3em;}
.main .title p{font-size: 1.5rem;}
.main .title h1,.main .title h2,.main .title h3,.main .title h4,.main .title h5,.main .title h6 {font-size: 1rem;}
}
@media print {
a:not(.btn) {
text-decoration: inherit;
}
body {padding-top:0 !important;}
body > header {position: static;}
.top_services_list_s{height:300px;}
.top_services_list_s .col{max-height:300px;}
.top_services_list_s .col .col{max-height:150px;}
.top_services_list_s .box {background-position: top;}
#pagetop{display:hidden;}
.underlayer_title .underlayer_frame{display:none;}
.underlayer_title .underlayer_image{display:none;}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.333333%;
}
.pull-sm-2 {
right: 16.666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.333333%;
}
.pull-sm-5 {
right: 41.666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.333333%;
}
.pull-sm-8 {
right: 66.666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.333333%;
}
.pull-sm-11 {
right: 91.666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.333333%;
}
.push-sm-2 {
left: 16.666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.333333%;
}
.push-sm-5 {
left: 41.666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.333333%;
}
.push-sm-8 {
left: 66.666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.333333%;
}
.push-sm-11 {
left: 91.666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.333333%;
}
.pull-md-2 {
right: 16.666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.333333%;
}
.pull-md-5 {
right: 41.666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.333333%;
}
.pull-md-8 {
right: 66.666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.333333%;
}
.pull-md-11 {
right: 91.666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.333333%;
}
.push-md-2 {
left: 16.666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.333333%;
}
.push-md-5 {
left: 41.666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.333333%;
}
.push-md-8 {
left: 66.666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.333333%;
}
.push-md-11 {
left: 91.666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.333333%;
}
.pull-lg-2 {
right: 16.666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.333333%;
}
.pull-lg-5 {
right: 41.666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.333333%;
}
.pull-lg-8 {
right: 66.666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.333333%;
}
.pull-lg-11 {
right: 91.666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.333333%;
}
.push-lg-2 {
left: 16.666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.333333%;
}
.push-lg-5 {
left: 41.666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.333333%;
}
.push-lg-8 {
left: 66.666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.333333%;
}
.push-lg-11 {
left: 91.666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.333333%;
}
.pull-xl-2 {
right: 16.666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.333333%;
}
.pull-xl-5 {
right: 41.666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.333333%;
}
.pull-xl-8 {
right: 66.666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.333333%;
}
.pull-xl-11 {
right: 91.666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.333333%;
}
.push-xl-2 {
left: 16.666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.333333%;
}
.push-xl-5 {
left: 41.666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.333333%;
}
.push-xl-8 {
left: 66.666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.333333%;
}
.push-xl-11 {
left: 91.666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
.row-cols-md-4 > .col{
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-3 > .col{
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-2 > .col{
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}