.header-bottom .container{ max-width: 1140px;}
.slider-section .img .caption{font-size: 20px;
padding: 10px 20px;}
.large-columns-5 .post-item{    padding: 0 4px 3px !important;}
.large-columns-5{margin-left:-4px; margin-right:-4px} body{    word-wrap: break-word;}
body, .nav > li > a{
font-weight: normal;
font-style: normal;}
.header-main .nav>li.html {
font-size: .85em;
FONT-SIZE: 20px;
font-weight: bold;
color: #16367F;
line-height: 25px;}
li.html input{font-size: 15px;
height: 40px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: none;}
.searchform .button.icon {
height: 40px;
font-size: 15px;
background: #16367F;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.header-bottom .nav>li{margin:0}
.header-bottom .nav>li a{padding-left:23px; padding-right:23px;     border-right: 1px solid #9c0007;
border-left: 1px solid #ff5a5a; font-weight:bold; color:white}
.section-title-container {
margin-bottom: 0;
}.section-title-normal {
border-bottom: 1px solid #000000;
}.section-title-normal span {
border-bottom: 0px  
}.section-title a {
font-size:15px;
font-weight: normal;
color: gray;
}
.flickity-prev-next-button .arrow{fill: white !important}
.flickity-prev-next-button svg{    background: #acacac;
border-radius: 99%;
fill: white !important}
.box-blog-post .is-divider, .blog-single .entry-category, .is-divider, #comments{display:none}
.blog-single .large-3, .page-right-sidebar .large-3, .blog-archive .large-3{border-left:0 !important; padding-left:0;}
.blog-single .large-9, .page-right-sidebar .large-9, .blog-archive .large-9{padding-right:20px; border-right:0 !important}
.du-an .flickity-viewport .post-item .post-title{color: #076db0;
margin-bottom: 6px;}.flickity-prev-next-button{top:62%}
.tin-tuc .cot2 .vertical-list-post .post-item{padding-bottom:15px}.entry-header-text {
padding: 0;
}
.blog-single .entry-meta{    font-size: 14px;
text-transform: none;
margin-top: 10px;
letter-spacing: 0;}
.blog-single .entry-content p{color: #262626; margin-bottom:10px}
.tin-tuc .flickity-prev-next-button{top:auto !important}
.tin-tuc .big-post .post-item .post-title{font-size:17px; color:#034068}
.tin-tuc .cot4 .section-title{margin-bottom:0}
.tin-tuc .cot4 .des{margin-top:10px; margin-bottom:10px}
.tin-tuc .cot4 .section-title-container span{       margin: 0; width: 100%;
display: block;
background: #16367F;
margin-right: 0;
font-size: 16px;
padding: 2px;
text-align: center;
color: white;
font-weight: normal;
border-bottom: 2px solid black;}
.tin-tuc .cot4 .section-title-container{margin-bottom:0}
.tin-tuc .cot2 .vertical-list-post .post-item .post-title{color: #034068;
font-weight: normal;}
.tin-tuc .cot2 .vertical-list-post .post-item .box-text{padding-right:0;padding-top:0; padding-bottom:0; padding-left:10px}
.du-an .large-12{padding-bottom:0}
.nut-1 a{border-radius: 5px;
background: #80b524;
font-weight: normal;
font-size: 15px;}
.nut-2 a{border-radius: 5px;
font-size: 15px;
font-weight: normal;
background: #317ebb;}
.linh-vuc .col{padding-bottom:0}
.linh-vuc .large-12 .col-inner{background: #f7f7f7;
padding: 15px 0px;}
.linh-vuc .icon-box .icon-box-text h3{    padding: 5px;
background: #034068;
font-size: 15px;
font-weight: normal;
color: white;}
.linh-vuc .large-12 .col-inner .col-inner{padding:0}
.linh-vuc .slider-nav-outside .flickity-page-dots{bottom:-23px}
.tin-co-dong .post-item .box-text, .tin-thi-truong .post-item .box-text, .video-post .post-item .box-text, .tuyen-dung-post .post-item .box-text{padding-top:0; padding-right:0; padding-bottom:0; padding-left:10px}
.linh-vuc .icon-box .icon-box-img{margin-bottom:0 !important}
.tin-co-dong .post-item .post-title, .tin-thi-truong .post-item .post-title, .video-post .post-item .post-title, .tuyen-dung-post .post-item .post-title{font-size:15px;     color: #034068;
font-weight: normal;}
.tuyen-dung-post .post-item .box-text{padding-left:0 !important; padding-bottom:10px}
.video-post, .tuyen-dung-post{margin-top:15px}
.tuyen-dung-post .post-item .post-title{    background: url(//aiejsc.com.vn/wp-content/uploads/2019/03/dot.jpg);
background-repeat: no-repeat;
background-position-y: top;
background-position-y: 5px;
padding-left: 14px;}
.tin-co-dong .post-item, .tin-thi-truong .post-item, .video-post .post-item {    margin-bottom: 10px;}
.footer-section .thong-tin-cong-ty{background: rgba(22, 54, 127,0.9);
padding: 19px 0;}
.footer-section .col{padding-bottom:0}
.footer-secondary {
padding: 0;
}
.back-to-top{background:#16367F !important; border: 0 !important; color:white !important}
.header-wrapper.stuck{box-shadow:none}
.post-item .post-title:hover{text-decoration:underline}
#breadcrumbs a{color:#337ab7}
#breadcrumbs{  margin-bottom: 0;  font-size: 14px;    display: block;
padding: 10px 30px;
width: 100%;}
.blog-single .entry-title{    margin-bottom: 0;
color: black;}
.blog-single {
padding-top: 15px; 
padding-bottom: 0;
}
.list-news .item-list h4{line-height:20px;     margin-bottom: 15px;margin-top: 5px; height: 46px;
overflow: hidden;}
.list-news .item-list h4 a{    font-size: 15px;
line-height: 20px !important;
margin-top: 10px;
color: #365899;}
.list-news{margin-left: -5px;
margin-right: -5px;display:inline-block; width:100%; clear:both}span.widget-title{width: 100%;
background: #16367F;
display: block;
padding: 7px 15px;
color: white;
text-align: center;
font-weight: normal;}
.recent-blog-posts a{    font-size: 14px;
color: #365899;}
.recent-blog-posts a:hover{text-decoration:underline}
.widget_categories li{    background: url(//aiejsc.com.vn/wp-content/uploads/2019/03/dot.jpg);
background-repeat: no-repeat;
background-position-y: center;
padding-left: 15px;
font-size: 15px;}
.list-news li{padding: 0 7px; width:33.33%; float:left; display:inline-block; margin:0 !important}
.page-right-sidebar .page-inner p{color:#333333; margin-bottom:10px}
.page-right-sidebar #breadcrumbs{padding: 0  ;
margin-bottom: 10px !important;
border-bottom: 1px dashed #eeeeee;
padding-bottom: 10px !important;}
.nav-dropdown{border: 0; padding:0;}
.nav-dropdown li a{color:gray !important; font-size:15px; font-weight:normal !important; border-left: 0 !important; border-right: 0 !important}
.blog-archive .archive-page-header .large-12{padding-bottom:0}
.blog-archive .archive-page-header .large-12 .page-title{text-align:left; letter-spacing:0; text-transform:none; color:black}
.blog-archive #breadcrumbs{padding-top:0}
.blog-archive .large-9 .badge{display:none}
.blog-archive .large-9 .post-item .post-title{    margin-bottom: 10px;
color: black;
font-size: 19px;}
.chi-tiet-du-an{display:block}
.chi-tiet-du-an .row-thong-tin{padding-bottom: 8px;    border-bottom: 1px dashed #ececec;color: black; display:inline-block; width:100% !important; clear:both}
.chi-tiet-du-an .row-thong-tin .left{ width:20%; float:left; display:inline-block}
.chi-tiet-du-an .row-thong-tin .right{float:right; width: 80%; display:inline-block; padding-left:15px}
.chi-tiet-du-an h2, .chi-tiet-du-an h3, .bai-viet-lien-quan-title{font-size: 19px;
color: #16367F;
padding-bottom: 6px;}
ul.hinh-anh-du-an{display: inline-block;
width: 100%;
clear: both;}
ul.hinh-anh-du-an li{    margin-left: 0;
list-style: none;
width: 50%;
float: left;
display: inline-block;}
ul.hinh-anh-du-an li:nth-child(2n+1){padding-right:5px}
ul.hinh-anh-du-an li:nth-child(2n+2){padding-left:5px}
.blog-archive .post-item:nth-child(1), .blog-archive .post-item:nth-child(2) {flex-basis:50%; max-width:50%}
.blog-archive .post-item:nth-child(1) .box-image, .blog-archive .post-item:nth-child(2) .box-image{    width: 100% !important;
display: table-caption;}
.blog-archive .post-item:nth-child(1) .box-text, .blog-archive .post-item:nth-child(2) .box-text{padding:0; padding-top:10px}
.blog-archive .post-item .box-text{padding:0 ;padding-left:15px}
.page-numbers.nav-pagination{text-align:left}
.nav-pagination>li>.current{    background: #16367F;
border: 0;
border-radius: 0;}
.nav-pagination>li a{background:#ececec; border: none; border-radius:0; }
.nav-pagination>li>a:hover{    border-color: #16367F;
background-color: #16367F; font-weight:normal}
.list-news .new-img img{height: 180px;
object-fit: cover;
object-position: 50% 50%;}
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}.chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0px 18px;
color: white;
display: block;
margin-bottom: 6px;
}.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0px 18px;
color: white;
display: block;
margin-bottom: 6px;
}.float-contact .hotline {
background: #d11a59 !important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: normal;
text-transform: none;
line-height: 0;
}
@media only screen and (max-width: 48em) { .section-title a {
font-size: 13px;}.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
margin-top: -41%;
display: block;
}
.tin-tuc .cot2 .vertical-list-post .post-item, .tin-co-dong .post-item, .tin-thi-truong .post-item, .video-post .post-item {
padding-bottom: 10px;
flex-basis: 50%;
max-width: 50%;
}
.nut-1 ,.nut-2{padding-bottom:0 !important}
.cong-ty-thanh-vien{display:none}
.tin-tuc .cot2 .vertical-list-post .post-item .box-text, .tin-co-dong .post-item .box-text, .tin-thi-truong .post-item .box-text, .video-post .post-item .box-text, .tuyen-dung-post .post-item .box-text{padding-left:0; padding-top:5px}
#breadcrumbs{    padding: 10px !important;
background: #f0f0f0;
margin-bottom: 10px;}
.blog-single .large-9, .page-right-sidebar .large-9, .blog-archive .large-9{padding-right:5px}
.list-news li{width:50%}
.list-news .new-img img{height:105px}.list-news {
margin-left: 0;
margin-right: 0;}.list-news li {
padding: 0 3px;}
.blog-single .large-3, .page-right-sidebar .large-3, .blog-archive .large-3{padding-left:5px}
.off-canvas .sidebar-menu {
padding: 0;
}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
padding-left: 15px;
}.page-wrapper {
padding-top: 10px;
padding-bottom: 10px;
}
.archive .large-9 .large-columns-1{margin-left:0 !important; margin-right:0 !important}
.blog-archive .post-item:nth-child(1), .blog-archive .post-item:nth-child(2){flex-basis:100%; max-width:100%}
.blog-archive .post-item:nth-child(1) .box-image, .blog-archive .post-item:nth-child(2) .box-image{width:100%; display: block;}
.blog-archive .post-item .box-text{padding-left:0}
.blog-archive .large-9 .post-item .post-title{margin-top:6px}
.float-contact{display:none}
}
.custom__slider_header button.flickity-button {
opacity: 1;
color: transparent;
top: 40%;
width: 45px;
}
.custom__slider_header button.flickity-button svg {
background-color: transparent;
}
.custom__slider_header .flickity-page-dots {
right: 2.5%;
left: unset;
top: 55%;
}
.custom__slider_header .flickity-page-dots li {
display: block;
opacity: 0.7;
border: 1px solid #fff;
margin-bottom: 12px;
}
.custom__slider_icon {
padding: 80px 0;
}
.custom__slider_icon .has-hover::before{
background-image: none;
}
.custom__slider_icon .img img {
height: 70px;
width: auto;
}
.custom__tab_crumbs {
position: sticky;
background-color: #fff;
z-index: 100;
box-shadow: 0 0.188rem 0.25rem 0 rgba(0,0,0,.06);
min-width: 1200px;
}
.custom__menu_tabs, .custom__menu_crumbs {
flex-direction: row;
}
.custom__menu_tabs .ux-menu-link:not(:first-child)::after {
content: "";
width: 1px;
height: 34px;
background-color: #ddd;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.custom__menu_tabs .ux-menu-link .ux-menu-link__link {
line-height: 56px;
padding: 0 23px;
color: #666;
}
.custom__menu_tabs .ux-menu-link.active .ux-menu-link__link {
background-color: #469bff;
color: #fff;
}
.custom__menu_tabs .ux-menu-link:not(.active):hover .ux-menu-link__link {
color: #469bff;
}
.custom__menu_crumbs .ux-menu-link .ux-menu-link__link {
font-weight: inherit;
font-size: inherit;
color: inherit;
text-decoration: none;
color: #666;
}
.custom__menu_crumbs .ux-menu-link:not(:last-child) .ux-menu-link__link::after  {
content: ">";
font-weight: inherit;
font-size: inherit;
color: inherit;
margin: 0 0.25rem;
}
.custom__menu_crumbs .ux-menu-link.link_active:hover .ux-menu-link__link {
color: #469bff;
}
@media (min-width: 1000px) {
.custom__tab_crumbs {
padding: 0 4%;
}
}.form-btm {
padding-bottom: 3rem;
}
.form-btm * {
box-sizing: border-box;
font-family: manrope,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,"sans-serif"
}
.form-btm .form {
width: 92.688rem;
background-color: #f5f5f5;
border: 1px solid #d0d0d0;
border-radius: 10px;
margin: 0 auto;
padding: 2.5rem 10rem 3.75rem;
text-align: center
}
.form-btm .form-content {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0 2.188rem
}
.form-btm .form .input {
margin: .625rem 0
}
.form-btm .form .input .label {
color: #333;
font-size: 1rem;
line-height: 2;
margin-bottom: .25rem;
text-align: left
}
.form-btm .form .input input,.form-btm .form .input select {
height: 2.875rem;
background-color: #fff;
border-radius: 8px;
width: 100%;
padding: 0 1.25rem;
font-size: 1rem
}
.form-btm .form .input input:focus-visible,.form-btm .form .input select:focus-visible {
outline: 1px solid #469bff
}
.form-btm .form .input input.country-code,.form-btm .form .input select.country-code {
padding: 0 .625rem
}
.form-btm .form .input-group {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 0 .688rem
}
.form-btm .form .input-group .col-1 {
width: 33.3333333333%
}
.form-btm .form .input-group .col-2 {
width: 66.6666666667%
}
.form-btm .form .input-group .verifycode,.form-btm .form .input-radios {
display: flex;
align-items: center;
justify-content: flex-start;
height: 2.875rem
}
.form-btm .form .input-radios {
gap: 0 2.5rem
}
.form-btm .form .input-radios input {
width: 1rem;
height: 1rem
}
.form-btm .form .input-radios>div {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0 .625rem
}
.form-btm .form input[type=submit] {
background-color: #469bff;
border-radius: .5rem;
padding: .3em 1em;
width: 14.563rem;
height: 2.875rem;
border-radius: 8px;
color: #fff;
font-size: 1.125rem;
line-height: 1.25;
margin-top: 3.438rem;
cursor: pointer;
transition: all .2s
}
.form-btm .form input[type=submit]:hover {
color: #fff!important;
background-color: #71afff
}
.form-btm .form input[type=submit]:active {
color: #fff!important;
background-color: #2c84ec
}
.form-btm .form input[type=submit]:disabled {
color: #fff!important;
background-color: #c1c1c1
}
.form-btm .form input[type=submit]:hover {
transform: translateY(-4px);
box-shadow: 0 0 8px rgba(0,0,0,.4)
}
.form-btm .form-group {
width: 100%
}
.form-btm .form-group .input .input-group.input-box {
position: relative
}
.form-btm .form-group .input .input-group.input-box .icon {
position: absolute;
left: 6.25rem;
top: .813rem;
font-weight: 900;
font-size: 1rem;
color: #000;
transform: rotate(0deg);
transition: all .3s ease
}
.form-btm .form-group .input .input-group.input-box .icon.active {
transform: rotate(-180deg);
transition: all .3s ease
} .custom__section_video {
}
.custom__section_video .title__text p {
color: #333 !important;
font-size: 48px;
font-weight: 500;
margin-bottom: 60px;
}
.custom__section_video .video .col-inner {
width: 538px;
height: 303px;
padding: 0;
margin-right: auto;
}
.custom__banner-thunder {
}
.custom__banner-thunder .section-content {
height: 100%;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1){
color: #5876a1;
font-size: 40px;
font-weight: 500;
margin-bottom: 1rem;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(2) {
color: #66667e;
}
.custom__banner-thunder .section-content .custom__content .col-inner > div:nth-child(3) {
color: #5876b5;
font-weight: 500;
}
.custom__icon {
font-size: 12px;
line-height: 14px;
color: #666;
}
.custom__icon .col-inner {
padding: 0;
}
.custom__icon .col::before {
left: -20%;
}
.custom__icon .icon-box-img img {
width: 48px;
height: 48px;
}
.custom__image_icon .col-inner .img:nth-child(1) {
width: 52% !important;
position: absolute;
z-index: 100;
}
.custom__image_icon .col-inner .img:nth-child(2) {
width: 42% !important;
position: absolute;
z-index: 99;
top: 137px;
left: 255px;
opacity: .8;
}
.custom__image_icon .col-inner .img:nth-child(3) {
width: 37% !important;
position: absolute;
z-index: 98;
top: 263px;
left: 96px;
opacity: .5;
}
.custom__milesight {
height: 481px;
}
.custom__aplication-smart {
height:  62.5rem;
width: 1903px;
}
.custom__aplication-smart .section-bg {
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.custom__aplication-smart .section-content {
height: 100%;
}
.custom__aplication-smart .title__content {
font-size: 24px;
font-weight: 500;
}
.custom__aplication-smart .box__template {
position: absolute;
}
.custom__aplication-smart .box__template::before {
content: "";
display: block;
position: absolute;
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
background-color: #666;
}
.custom__aplication-smart .box__template::after {
content: "";
display: block;
position: absolute;
width: 0.4rem;
height: 0.4rem;
border-radius: 50%;
background-color: #469bff;
outline: 0.2rem solid #fff;
}
.custom__aplication-smart .box__dashed_1 {
border-top: 1px dashed #898989;
border-right: 1px dashed #898989;
width: 39.125rem;
height: 18.563rem;
left: 10rem;
top: 13rem;
padding-top: 12px;
border-top-right-radius: 15px;
}
.custom__aplication-smart .box__dashed_1::before {
left: -2px;
top: -4px;
}
.custom__aplication-smart .box__dashed_1::after {
right: -4px;
bottom: -2px;
}
.custom__aplication-smart .box__dashed_2 {
border-bottom: 1px dashed #898989;
border-right: 1px dashed #898989;
width: 45.375rem;
height: 6.125rem;
left: 10rem;
bottom: 5.4rem;
border-bottom-right-radius: 15px;
display: flex;
flex-direction: column;
justify-content: end;
}
.custom__aplication-smart .box__dashed_2::before {
left: -2px;
bottom: -4px;
}
.custom__aplication-smart .box__dashed_2::after {
right: -4px;
top: -2px;
}
.custom__aplication-smart .box__dashed_3 {
border-top: 1px dashed #898989;
border-left: 1px dashed #898989;
width: 41.938rem;
height: 9.625rem;
right: 10rem;
top: 14rem;
padding-top: 12px;
border-top-left-radius: 15px;
text-align: right;
}
.custom__aplication-smart .box__dashed_3::before {
right: -2px;
top: -4px;
}
.custom__aplication-smart .box__dashed_3::after {
left: -4px;
bottom: -2px;
}
.custom__aplication-smart .box__dashed_4 {
border-bottom: 1px dashed #898989;
border-left: 1px dashed #898989;
width: 38rem;
height: 17.125rem;
right: 10.4rem;
bottom: 8rem;
border-bottom-left-radius: 15px;
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
}
.custom__aplication-smart .box__dashed_4::before {
right: -2px;
bottom: -4px;
}
.custom__aplication-smart .box__dashed_4::after {
left: -4px;
top: -2px;
}
.custom__aplication-smart .icon__template {
width: 55px;
height: 55px;
position: absolute;
cursor: pointer;
transition: all .4s;
}
.custom__aplication-smart .icon__template .box-image {
position: absolute;
bottom: 0;
}
.custom__aplication-smart .icon__template .box-text {
position: absolute;
width: 500px;
bottom: 18px;
font-size: 12px;
padding: 0;
left: 54px;
display: none;
}
.custom__aplication-smart .icon__template .box-text p {
display: inline-block;
background-color: #459bff;
color: #fff;
text-decoration: underline;
padding: 0 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.custom__aplication-smart .icon__template:hover {
transform: scale(1.2);
z-index: 1000;
}
.custom__aplication-smart .icon__template:hover .box-text {
display: block;
}
.custom__aplication-smart .custom__icon-hover_1 {
top: 32rem;
left: 39rem;
}
.custom__aplication-smart .custom__icon-hover_2 {
top: 35rem;
left: 44.6rem;
}
.custom__aplication-smart .custom__icon-hover_3 {
top: 38rem;
left: 51.6rem;
}
.custom__aplication-smart .custom__icon-hover_4 {
top: 43rem;
left: 54rem;
}
.custom__aplication-smart .custom__icon-hover_5 {
top: 28.7rem;
left: 51rem;
}
.custom__aplication-smart .custom__icon-hover_6 {
top: 31rem;
left: 54.6rem;
}
.custom__aplication-smart .custom__icon-hover_7 {
top: 31rem;
left: 63rem;
}
.custom__aplication-smart .custom__icon-hover_8 {
top: 35rem;
left: 73rem;
}
.custom__aplication-smart .custom__icon-hover_9 {
top: 24rem;
left: 58.6rem;
}
.custom__aplication-smart .custom__icon-hover_10 {
top: 23.6rem;
left: 72rem;
}
.custom__aplication-smart .custom__icon-hover_11 {
top: 31rem;
left: 79.6rem;
}
.custom__benefits {
height: 900px;
}
.custom__benefits .section-content {
height: 100%;
}
.custom__benefits .section-content .title_content {
color: #fff;
font-size: 48px;
margin-top: 20px;
}
.custom__benefits .section-content .custom__box_benefits {
color: #fff;
}
.custom__benefits .section-content .custom__box_benefits .box {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin-top: 3.125rem;
align-items: center;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text .box-text-inner p {
color: #fff;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
}
.custom__benefits .section-content .custom__box_benefits .box .box-image {
width: 72px;
height: 57px;
margin: 0;
margin-left: 30px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text {
width: unset;
font-size: 38px;
padding: 0;
padding-left: 18px;
line-height: 38px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner {
width: 542px;
height: 560px;
border: 1px solid #5876a1;
margin-right: auto;
padding: 0 3.625rem;
border-radius: 20px;
box-shadow: 1px 1px 4px #444;
background: linear-gradient(120deg, rgba(216, 216, 216, .2), transparent);
transition: all 0.4s;
bottom: 0;
}
.custom__benefits .section-content .custom__box_benefits .col-inner:hover {
bottom: 5px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul {
margin-top: 1.563rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li {
margin-bottom: 1.688rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li div {
font-size: 1.5rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li p {
font-size: 1rem;
}
.custom__box_story .story__title  {
padding-bottom: 0;
text-align: center;
font-size: 44px;
font-weight: 500;
color: #5876a1;
}
.custom__box_story .story__title p {
margin-bottom: 0.5rem;
}
.custom__box_story .custom__slider_story {
height: 540px;
}
.custom__box_story .custom__slider_story .slider .flickity-viewport .flickity-slider .banner .banner-inner .banner-layers .text-box {
background: rgb(0 0 0 / 40%);
font-size: 24px;
line-height: 20px;
}
.custom__box_story .custom__slider_story .slider .flickity-page-dots {
bottom: -15px;
}
.custom__box_story .custom__slider_story .slider .flickity-page-dots li {
border-radius: 10%;
border: none;
background: #e5e5e5;
width: 2.75rem;
height: 3px;
}
.custom__box_story .custom__slider_story .slider .flickity-page-dots li.is-selected {
background: #469bff;
}
.custom__banner_header {
padding-top: 600px;
}
.custom__section_communication {
padding: 5.625rem 0 !important;
}
.custom__section_communication .title__content {
text-align: center;
padding: 0 15%;
color: #666;
}
.custom__section_communication .title__content div {
font-size: 50px;
color: #333;
}
.custom__section_communication .title__content p {
font-size: 21px;
font-weight: 300;
margin-top: 10px;
}
.custom__section_communication .video .col-inner {
width: 895px;
height: 453px;
margin-right: auto;
}
.custom__section_communication .video .col-inner iframe {
width: 895px;
height: 453px;
}
.custom__section_loranwan {
height: 700px;
}
.custom__section_loranwan .title__content {
color: #666;
}
.custom__section_loranwan .content__tmp .col-inner {
height: 100%;
display: flex;
align-items: center;
}
.custom__section_loranwan .title__content div {
font-size: 40px;
margin-bottom: 10px;
color: #333;
}
.custom__section_loranwan .title__content p {
font-size: 20px;
}
.custom__section_loranwan .title__content ul li {
margin-bottom: 0.3rem;
}
.custom__banner_about_us {
height: 637px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner {
padding-right: 20px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
color: #333;
text-align: end;
font-size: 100px;
font-weight: 600;
margin-top: 30px;
letter-spacing: -5px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
color: #333;
font-size: 20px;
text-align: end;
}
.custom__company_profile {
height: 1234px;
padding: 80px 0 !important;
}
.custom__company_profile .section-content {
height: 100%;
}
.custom__company_profile .section-content .title__content {
text-align: center;
}
.custom__company_profile .section-content .title__content div {
font-size: 50px;
font-weight: 500;
color: #333;
margin-bottom: 20px;
}
.custom__company_profile .section-content .title__content p {
color: #666;
font-size: 18px;
}
.custom__section_loranwan .image__border_radius_bottom_left .img .img-inner img {
border-radius: 0 0 0 30%;
box-shadow: 7px 10px 10px 0 rgba(33,33,33,.35);
}
.custom__section_logo_hover {
height: 489px;
border-radius: 50px;
overflow: hidden;
}
.custom__section_logo_hover .section-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.custom__section_logo_hover .section-content .title__content {
margin-top: 15px;
color: #fff;
padding: 0 12%;
text-align: center;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 50px;
font-weight: 500;
}
.custom__section_logo_hover .section-content .title__content p {
font-size: 18px;
}
.custom__section_logo_hover .section-content .logo__hover {
align-items: center;
}
.custom__section_logo_hover .section-content .logo__hover .col {
display: flex;
align-items: center;
cursor: pointer;
padding: 0 15px 0px;
height: 110px;
}
.custom__section_logo_hover .section-content .logo__hover .col .img {
margin-bottom: 0;
}
.custom__section_logo_hover .section-content .logo__hover .col .img img {
width: unset;
}
.custom__section_logo_hover .section-content .logo__hover .hover {
display: none;
}
.custom__section_logo_hover .section-content .col:hover .active {
display: none;
}
.custom__section_logo_hover .section-content .col:hover {
background-color: #fff;
border-radius: 15px;
}
.custom__section_logo_hover .section-content .col:hover .hover {
display: block;
}
.custom__section_map {
height: 1115px;
}
.custom__section_map .title__content {
text-align: center;
padding: 15%;
}
.custom__section_map .title__content div {
color: #333;
font-size: 50px;
font-weight: 500;
}
.custom__section_map .title__content p {
font-size: 18px;
color: #666;
}
.custom__section_growth {
height: 700px;
}
.custom__section_growth .box__left .title__content {
padding: 35px;
width: 112%;
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(33,33,33,.15);
border-radius: 1.25rem;
box-sizing: border-box;
position: relative;
z-index: 2;
height: 286px;
}
.custom__section_growth .box__left .title__content div {
font-size: 48px;
color: #333;
font-weight: 500;
margin-bottom: 21px;
}
.custom__section_growth .box__left .title__content p {
font-size: 18px;
color: #666;
}
.custom__section_growth .box__left .custom_logo {
margin-top: 40px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(33,33,33,.1);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-evenly;
height: 150px;
cursor: pointer;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img,
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
margin: 0;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 48px;
color: #469bff;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport {
height: 496px !important;
border-radius: 20px;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer {
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .img {
width: 130px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content div {
font-size: 75px;
color: #fff;
font-weight: 600;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content p {
font-size: 20px;
}
.custom__section_growth .box_right .custom_slider .slider .flickity-page-dots {
right: 5%;
left: unset;
}
.custom__section_growth .box_right .custom_slider .slider .flickity-page-dots li {
border-radius: 50%;
border: none;
background: #e5e5e5;
width: 15px;
height: 15px;
}
.custom__section_growth .box_right .custom_slider .slider .flickity-page-dots li.is-selected {
background: #fff;
border-radius: 50px;
width: 40px;
}
.custom__superior {
height: 700px;
border-radius: 203px 0 0 0;
box-sizing: border-box;
overflow: hidden;
}
.custom__superior .section-content {
height: 100%;
}
.custom__superior .section-content .title__content {
color: #fff;
text-align: center;
font-size: 56px;
font-weight: 600;
margin-bottom: 20px;
}
.custom__superior .custom_slider .flickity-viewport {
height: 540px !important;
padding: 55px 0;
}
.custom__superior .custom_slider .flickity-viewport .col {
padding: 0;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box {
width: 320px;
height: 432px;
background: #fff;
border-radius: 30px;
padding: 0 30px;
padding-top: 40px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-img {
width: 100px !important;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text {
margin-top: 40px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider div {
font-size: 32px;
color: #333;
font-weight: 600;
margin-bottom: 15px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider p {
font-size: 18px;
color: #666;
}
.custom__superior .custom_slider .flickity-button {
width: 50px;
height: 50px;
}
.custom__superior .custom_slider .flickity-button svg {
background-color: transparent;
}
.custom__section_offer {
padding: 51px 0 !important;
}
.custom__section_offer .col .col-inner {
height: 100%;
}
.custom__section_offer .text_bottom .col-inner {
display: flex;
align-items: end;
padding-left: 100px;
}
.custom__section_offer .title_content .blue {
color: #00bceb;
font-family: roboto,Sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
.custom__section_offer .title_content .title {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1em;
}
.custom__section_offer .title_content .desc {
color: #454545;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
}
.custom__section_tab_service {
margin-bottom: 100px;
}
.custom__section_tab_service .box_image {
background-color: rgb(242, 243, 248);
border-radius: 8px;
padding: 40px 32px 35px;
border: 1px solid #e6e6e8;
}
.custom__section_tab_service .box_image .box-image {
width: 91px;
}
.custom__section_tab_service .box_image .box-text  {
padding: 30px 0 0 0;
}
.custom__section_tab_service .box_image .box-text .box-text-inner .title {
color: #0e284c;
font-family: open sans,Sans-serif;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
}
.custom__section_tab_service .box_image .box-text .box-text-inner .desc {
color: #454545;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 20px;
}
.custom__section_tab_service .box_image .box-text .box-text-inner .button {
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
fill: #0077d5;
color: #0077d5;
background-color: #ffffff00;
border: 1px solid #0077d5;
padding: 6px 0;
margin: 0;
}
.custom__section_tab_service .box_image .box-text .box-text-inner .button:hover {
color: #fff;
background-color: #0077d5;
}
.custom_section_partners {
height: 676px;
}
.custom_section_partners .title_content {
text-align: center;
margin-bottom: 60px;
}
.custom_section_partners .title_content .title {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1em;
margin-bottom: 20px;
}
.custom_section_partners .title_content .desc {
color: #000;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom_section_partners .table_box .col-inner {
background-color: #fff;
padding: 40px 0;
border-radius: 10px;
text-align: center;
}
.custom_section_partners .table_box .col-inner div:nth-child(1) {
color: #0077d5;
font-family: noto sans hk,Sans-serif;
font-size: 36px;
font-weight: 600;
} 
.custom_section_partners .table_box .col-inner div:nth-child(2) {
color: #454545;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase
} 
.custom__banner_white {
height: 426px;
}
.custom__banner_white .title_content div {
color: #fff;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.2;
}
.custom__banner_white .title_content p {
color: #f5f1f1ed;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom__white_service {
height: 882px;
}
.custom__white_service .title_content {
margin-top: 80px;
}
.custom__white_service .title_content .blue {
color: #00bceb;
font-family: roboto,Sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
.custom__white_service .title_content .title {
color: #fff;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.2em;
margin-bottom: 20px;
}
.custom__white_service .title_content .desc {
text-align: left;
color: #fff;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom__white_service .custom_box_image .col-inner {
height: 100%;
}
.custom__white_service .custom_box_image .custom_icon {
background-color: #0a0d28db;
border-radius: 10px;
border-style: solid;
border: 1px solid #484d84;
padding: 30px;
height: 100%;
}
.custom__white_service .custom_box_image .custom_icon .icon-box-img {
width: 65px !important;
}
.custom__white_service .custom_box_image .custom_icon .icon-box-text div {
color: #fff;
font-family: open sans,Sans-serif;
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;
}
.custom__white_service .custom_box_image .custom_icon .icon-box-text p {
color: #8091b2;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
}
.custom__section_customer {
height: 846px;
}
.custom__section_customer .section-bg {
height: 25%;
top: unset;
}
.custom__section_customer .title_content {
margin-bottom: 50px;
}
.custom__section_customer .title_content div:nth-child(1) {
color: #00bceb;
font-family: roboto,Sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 10px;
}
.custom__section_customer .title_content div:nth-child(2) {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1em;
}
.custom__section_customer .col .col-inner {
height: 100%;
}
.custom__section_customer .custom_icon {
background-color: #f1f3f8;
border-radius: 10px;
padding: 40px 30px;
border: 1px solid #e4e4e4;
height: 100%;
}
.custom__section_customer .custom_icon .icon-box-img {
width: 80px !important;
}
.custom__section_customer .custom_icon .icon-box-text div:nth-child(1) {
color: #454545e6;
font-family: roboto,Sans-serif;
font-size: 16px;
font-weight: 500;
font-style: italic;
min-height: 142px;
overflow: hidden;
}
.custom__section_customer .custom_icon .icon-box-text div:nth-child(2) {
color: #0077d5;
font-family: roboto,Sans-serif;
font-size: 16px;
font-weight: 700;
font-style: italic;
}
.custom__section_customer .custom_icon .icon-box-text div:nth-child(3){
color: #454545eb;
font-family: roboto,Sans-serif;
font-size: 16px;
font-weight: 500;
font-style: italic;
}
.custom__questions {
height: 798px;
background-color: #f1f3f8;
}
.custom__questions .title_content {
}
.custom__questions .title_content .blue {
color: #00bceb;
font-family: roboto,Sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
.custom__questions .title_content .title {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.2em;
margin-bottom: 20px;
}
.custom__questions .title_content .desc {
color: #000000db;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 500;
}
.custom__questions .custom_accordion {
}
.custom__questions .custom_accordion .accordion-item {
margin-bottom: 20px;
background-color: #fff;
}
.custom__questions .custom_accordion .accordion-item .accordion-title {
font-family: open sans,Sans-serif;
font-size: 18px;
font-weight: 500;
color: #454545;
border: 1px solid #e4e4e4;
border-radius: 10px;
padding: 25px 0 25px 30px;
background: #f7f9fb;
position: relative;
transition: all .3s;
}
.custom__questions .custom_accordion .accordion-item .accordion-title .toggle {
top: 50%;
left: unset;
right: 20px;
transform: translateY(-50%);
}
.custom__questions .custom_accordion .accordion-item .accordion-title .toggle i {
display: inline-block;
font-size: 18px;
width: 22px;
height: 22px;
border: 2px solid;
border-radius: 50%;
}
.custom__questions .custom_accordion .accordion-item .accordion-title.active {
color: #fff;
background-color: #0076d3;
}
.custom__questions .custom_accordion .accordion-item .accordion-title.active .toggle i {
transform: rotateZ(180deg);
}
.custom__questions .custom_accordion .accordion-item .accordion-inner p {
margin-bottom: 0;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom__ready_to_craft {
height: 448px;
}
.custom__ready_to_craft .col .col-inner {
padding: 40px 165px;
border-radius: 10px;
}
.custom__ready_to_craft .col.add_bg .col-inner {
background-color: #ffffffde;
}
.custom__ready_to_craft .col .col-inner .title_content {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1em;
margin-bottom: 20px;
}
.custom__ready_to_craft .col .col-inner .button {
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
fill: #fff;
color: #fff;
background-color: #0077d5;
border-style: solid;
border-width: 1px;
border-color: #0077d5;
border-radius: 8px 8px 8px 8px;
padding: 5px 40px;
margin: 0;
}
.custom__oem_includes {
height: 700px;
}
.custom__oem_includes .title_content {
margin-bottom: 40px;
text-align: center;
}
.custom__oem_includes .title_content div:nth-child(1) {
color: #0e284c;
font-family: roboto,Sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1em;
}
.custom__oem_includes .left .col-inner {
background-color: #eff4ff;
padding: 46px 30px;
border-radius: 16px;
}
.custom__oem_includes .left .col-inner .title{
color: #0077d5;
font-family: open sans,Sans-serif;
font-size: 22px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #A8B1C2;
}
.custom__oem_includes .left .col-inner .icon-box {
align-items: center;
margin-bottom: 10px;
}
.custom__oem_includes .left .col-inner .icon-box .icon-box-img {
width: 30px !important;
}
.custom__oem_includes .left .col-inner .icon-box .icon-box-text  {
color: #0e284c;
font-family: open sans,Sans-serif;
font-size: 18px;
font-weight: 500;
}
.custom__oem_includes .right .col-inner {
background-color: #eff4ff;
height: 100%;
border-radius: 16px;
padding: 0 80px;
display: flex;
align-items: center;
}
.custom__section_spotlight {
height: 830px;
}
.custom__section_spotlight .title_content {
text-align: center;
margin-bottom: 40px;
}
.custom__section_spotlight .title_content .title {
color: #0d294c;
font-family: roboto,Sans-serif;
font-size: 45px;
font-weight: 400;
margin-bottom: 20px;
line-height: 1.1em;
}
.custom__section_spotlight .title_content .desc {
color: #444;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
} 
.custom__section_spotlight .box_image .col-inner {
background-color: #f2f3f8;
border-radius: 10px;
height: 100%;
}
.custom__section_spotlight .box_image .col-inner .box-text {
padding: 20px 30px 50px !important;
}
.custom__section_spotlight .box_image .col-inner .box-text .box-text-inner div:nth-child(1) {
color: #0e284c;
font-family: open sans,Sans-serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.custom__section_spotlight .box_image .col-inner .box-text .box-text-inner div:nth-child(2) {
text-align: center;
color: #5a5a5a;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom_customized_iot {
height: 785px;
}
.custom_customized_iot .full_height .col-inner {
height: 100%;
}
.custom_customized_iot .col-inner .custom_video {
height: 100%;
border-radius: 20px;
}
.custom_customized_iot .custom_menu .ux-menu-link .ux-menu-link__link {
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
cursor: unset;
}
.custom_customized_iot .custom_menu .ux-menu-link .ux-menu-link__link .ux-menu-link__icon {
color: #0076d8;
border: 2px solid;
border-radius: 50%;
width: 25px;
height: 25px;
}
.custom_customized_iot .title_content.center {
text-align: center;
margin-bottom: 20px;
}
.custom_customized_iot .title_content .title {
color: #0d294c;
font-family: roboto,Sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 1.1em;
margin-bottom: 20px;
}
.custom_customized_iot .title_content .desc {
text-align: left;
color: #444;
font-family: open sans,Sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom_customized_iot .flickity-viewport .col-inner .box {
background: #f2f3f8;
}
.custom_customized_iot .flickity-viewport .col-inner .box .box-text {
padding: 30px;
}
.custom__section_lora {
height: 260px;
}
.custom_gallery_v1 .flickity-viewport .flickity-slider {
display: flex;
align-items: center;
}
.custom_gallery_v1 .flickity-viewport .flickity-slider .box .box-image img {
width: auto;
}
.custom__banner_quality {
height: 800px;
}
.custom__banner_quality .title_content {
text-align: center;
margin-bottom: 100px;
}
.custom__banner_quality .title_content .title {
color: #fff;
font-size: 60px;
font-weight: 400;
margin-bottom: 50px;
}
.custom__banner_quality .title_content .desc {
text-align: center;
color: #fff;
font-size: 29px;
}
.custom__banner_quality .section-content .button {
left: 50%;
transform: translateX(-50%);
font-size: 22px;
background-color: #0096d6 !important;
padding: 0 50px;
font-weight: 600;
text-transform: uppercase;
}
.custom_section_system  {
margin-top: 100px;
}
.custom_section_system .custom_header {
margin-bottom: 100px;
}
.custom_section_system .custom_header .title_content .title {
color: #0096d6;
font-size: 50px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
.custom_section_system .custom_header .title_content .desc {
color: #333;
font-size: 24px;
font-weight: 400;
}
.custom_section_system .image_buttom .col-inner {
display: flex;
}
.custom_section_system .image_buttom .col-inner .box {
padding: 10px 20px;
}
.custom_section_system .image_buttom .col-inner .box .box-image {
border: 2px solid #234894;
transition: all 0.2s;
}
.custom_section_system .image_buttom .col-inner .box .box-image:hover {
transform: translateY(-10px);
}
.custom_section_system .image_buttom .col-inner .box .box-text {
padding-top: 10px !important;
}
.custom_section_system .image_buttom .col-inner .box .box-text .box-text-inner .button {
font-size: 16px;
fill: #0096d6;
color: #0096d6;
border-style: solid;
border-width: 1px;
display: block;
text-transform: uppercase;
font-weight: 600;
}
.custom_section_system .learn_more {
margin: 50px 0;
}
.custom_section_system .learn_more .button {
font-size: 20px;
border-style: solid;
border-width: 1px;
text-transform: uppercase;
font-weight: 500;
padding: 0px 50px !important;
}
.custom_section_system .custom_assurance .title_content {
margin-bottom: 20px;
}
.custom_section_system .custom_assurance .title_content .title {
color: #0096d6;
font-size: 50px;
font-weight: 500;
text-align: center;
}
.custom_section_system .custom_assurance .custom_list ul li {
list-style: none;
position: relative;
color: #333;
font-size: 22px;
}
.custom_section_system .custom_assurance .custom_list ul li::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: -20px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
fill: #0096d6;
background-color: #0096d6;
}
.custom_section_system .custom_philosophy {
margin-top: 100px;
}
.custom_section_system .custom_philosophy .title_content .title {
color: #0096d6;
font-size: 50px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
.custom_section_system .custom_philosophy .title_content .desc {
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
.custom_section_system .custom_philosophy .title_content .desc span {
margin-bottom: 20px;
display: block;
}
.custom_section_system .custom_philosophy .title_content .desc ul li {
margin-bottom: 5px;
}
.custom__section_touch {
height: 800px;
}
.custom__section_touch .title_white {
color: #fff;
font-size: 24px;
margin-bottom: 50px;
padding: 0 8% !important;
}
.custom__section_touch .button {
font-size: 20px;
border-style: solid;
border-width: 1px;
text-transform: uppercase;
font-weight: 500;
padding: 0px 50px !important;
}
.fvn__list_short_product {
list-style: none;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.fvn__list_short_product li {
width: 50%;
margin-left: 0 !important;
color: #666;
padding: 0 20px;
position: relative;
}
.fvn__list_short_product li::before {
content: "";
height: 8px;
width: 8px;
background-color: #469bff;
border-radius: 50%;
position: absolute;
top: 10px;
left: 0;
}
@media (max-width: 1700px) {
.custom__section_video .video .col-inner {
width: 470px;
height: 265px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1){
font-size: 38px;
line-height: 50px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(2) {
font-size: 16px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > div:nth-child(3) {
font-size: 16px;
}
.custom__aplication-smart {
height: 56.5rem;
width: 1700px;
}
.custom__aplication-smart .title__content {
font-size: 22px;
}	
.custom__aplication-smart .box__dashed_1 {
width: 33.125rem;
height: 15.563rem;
}
.custom__aplication-smart .box__dashed_2 {
width: 39.375rem;
height: 5.125rem;
}
.custom__aplication-smart .box__dashed_3 {
width: 35.938rem;
height: 7.425rem;
}
.custom__aplication-smart .box__dashed_4 {
width: 33.2rem;
height: 14.5rem;
}
.custom__aplication-smart .icon__template {
width: 48px;
height: 48px;
}
.custom__aplication-smart .icon__template .box-text {
bottom: 12px;
left: 47px;
}
.custom__aplication-smart .custom__icon-hover_1 {
top: 28rem;
left: 35rem;
}
.custom__aplication-smart .custom__icon-hover_2 {
top: 31.4rem;
left: 39rem;
}
.custom__aplication-smart .custom__icon-hover_3 {
top: 33rem;
left: 45.6rem;
}
.custom__aplication-smart .custom__icon-hover_4 {
top: 38rem;
left: 48rem;
}
.custom__aplication-smart .custom__icon-hover_5 {
top: 24.7rem;
left: 45rem;
}
.custom__aplication-smart .custom__icon-hover_6 {
top: 27rem;
left: 48.6rem;
}
.custom__aplication-smart .custom__icon-hover_7 {
top: 27rem;
left: 56rem;
}
.custom__aplication-smart .custom__icon-hover_8 {
top: 31rem;
left: 65rem;
}
.custom__aplication-smart .custom__icon-hover_9 {
top: 21rem;
left: 52.6rem;
}
.custom__aplication-smart .custom__icon-hover_10 {
top: 21rem;
left: 64.5rem;
}
.custom__aplication-smart .custom__icon-hover_11 {
top: 27.5rem;
left: 70.6rem;
}
.custom__benefits {
height: 787px;
}
.custom__benefits .section-content .title_content {
font-size: 46px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner {
width: 474px;
height: 490px;
}
.custom__benefits .section-content .custom__box_benefits .box {
margin-top: 2.125rem;
}
.custom__benefits .section-content .custom__box_benefits .box .box-image {
width: 70px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text {
font-size: 35px;
line-height: 35px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li div {
font-size: 1.3rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li p {
font-size: 0.9rem;
}
.custom__banner_header {
padding-top: 525px;
}
.custom__section_communication {
padding: 5rem 0 !important;
}
.custom__section_communication .title__content div {
font-size: 48px;
}
.custom__section_communication .title__content p {
font-size: 20px;
}
.custom__section_communication .video .col-inner {
width: 783px;
height: 396px;
}
.custom__section_communication .video .col-inner iframe {
width: 783px;
height: 396px;
}
.custom__section_loranwan {
height: 612px;
}
.custom__section_loranwan .title__content div {
font-size: 38px;
}
.custom__section_loranwan .title__content p {
}
.custom__section_loranwan .title__content ul li {
}
.custom__banner_about_us {
height: 525px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 90px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
}
.custom__company_profile {
height: 1016px;
padding: 70px 0 !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 46px;
margin-bottom: 15px;
}
.custom__company_profile .section-content .title__content p {
font-size: 17px;
}
.custom__section_logo_hover {
height: 404px;
border-radius: 40px;
}
.custom__section_logo_hover .section-content .title__content {
margin-top: 10px;
padding: 0 10%;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 46px;
}
.custom__section_logo_hover .section-content .title__content p {
font-size: 17px;
}
.custom__section_logo_hover .section-content .logo__hover {
align-items: center;
}
.custom__section_logo_hover .section-content .logo__hover .col {
height: 100px;
}
.custom__section_map {
height: 836px;
}	
.custom__section_growth {
height: 612px;
}
.custom__section_growth .box__left .title__content {
padding: 30px;
height: 251px;
}
.custom__section_growth .box__left .title__content div {
font-size: 44px;
margin-bottom: 17px;
}
.custom__section_growth .box__left .title__content p {
font-size: 16px;
}
.custom__section_growth .box__left .custom_logo {
margin-top: 40px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
height: 130px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 44px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img {
width: 55px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport {
height: 438px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer {
height: 70%;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .img {
width: 120px !important;;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content div {
font-size: 70px;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content p {
font-size: 18px;
}
.custom__superior {
height: 612px;
border-radius: 170px 0 0 0;
}
.custom__superior .section-content {
height: 100%;
}
.custom__superior .section-content .title__content {
font-size: 52px;
}
.custom__superior .custom_slider .flickity-viewport {
height: 479px !important;
padding: 45px 0;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box {
width: 300px;
height: 388px;
padding-top: 30px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-img {
width: 90px !important;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text {
margin-top: 35px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider div {
font-size: 28px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider p {
font-size: 17px;
}
}
@media (max-width: 1560px) {
.custom__section_video .video .col-inner {
width: 438px;
height: 246px;
}
.custom__section_video .title__text p {
font-size: 44px;
margin-bottom: 50px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1){
font-size: 36px;
line-height: 48px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(2) {
font-size: 15px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > div:nth-child(3) {
font-size: 15px;
}
.custom__aplication-smart {
height: 56.5rem;
width: 1560px;
}
.custom__aplication-smart .title__content {
font-size: 22px;
}	
.custom__aplication-smart .box__dashed_1 {
width: 29.125rem;
height: 15.563rem;
}
.custom__aplication-smart .box__dashed_2 {
width: 35.375rem;
height: 5.125rem;
}
.custom__aplication-smart .box__dashed_3 {
width: 31.938rem;
height: 7.625rem;
}
.custom__aplication-smart .box__dashed_4 {
width: 28.2rem;
height: 14.5rem;
}
.custom__aplication-smart .icon__template {
width: 44px;
height: 44px;
}
.custom__aplication-smart .icon__template .box-text {
bottom: 11px;
left: 43px;
}
.custom__aplication-smart .custom__icon-hover_1 {
top: 28.5rem;
left: 31rem;
}
.custom__aplication-smart .custom__icon-hover_2 {
top: 31.4rem;
left: 35rem;
}
.custom__aplication-smart .custom__icon-hover_3 {
top: 34rem;
left: 41.6rem;
}
.custom__aplication-smart .custom__icon-hover_4 {
top: 38rem;
left: 44rem;
}
.custom__aplication-smart .custom__icon-hover_5 {
top: 25rem;
left: 41rem;
}
.custom__aplication-smart .custom__icon-hover_6 {
top: 27rem;
left: 44.6rem;
}
.custom__aplication-smart .custom__icon-hover_7 {
top: 27.4rem;
left: 51rem;
}
.custom__aplication-smart .custom__icon-hover_8 {
top: 31rem;
left: 61rem;
}
.custom__aplication-smart .custom__icon-hover_9 {
top: 21rem;
left: 47.6rem;
}
.custom__aplication-smart .custom__icon-hover_10 {
top: 21rem;
left: 60rem;
}
.custom__aplication-smart .custom__icon-hover_11 {
top: 27.5rem;
left: 66rem;
}
.custom__benefits {
height: 731px;
}
.custom__benefits .section-content .title_content {
font-size: 40px;
margin-top: 0px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner {
width: 440px;
height: 455px;
padding: 0px 2.625rem;
}
.custom__benefits .section-content .custom__box_benefits .box {
margin-top: 2.125rem;
}
.custom__benefits .section-content .custom__box_benefits .box .box-image {
width: 68px;
height: 55px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text {
font-size: 32px;
line-height: 32px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul {
margin-top: 1rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li {
margin-bottom: 1.4rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li div {
font-size: 1.2rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li p {
font-size: 0.8rem;
}
.custom__banner_header {
padding-top: 450px;
}
.custom__section_communication {
padding: 4.6rem 0 !important;
}
.custom__section_communication .title__content div {
font-size: 44px;
}
.custom__section_communication .title__content p {
font-size: 18px;
}
.custom__section_communication .video {
padding-top: 32.25%;
}
.custom__section_communication .video .col-inner {
width: 727px;
height: 368px;
}
.custom__section_communication .video .col-inner iframe {
width: 727px;
height: 368px;
}
.custom__section_loranwan {
height: 568px;
}
.custom__section_loranwan .title__content {
color: #666;
}
.custom__section_loranwan .title__content div {
font-size: 36px;
margin-bottom: 8px;
}
.custom__section_loranwan .title__content p {
font-size: 19px;
margin-bottom: 8px;
}
.custom__section_loranwan .title__content ul {
font-size: 15px;
}
.custom__banner_about_us {
height: 487px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 80px;
letter-spacing: -3px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
font-size: 19px;
margin: 0;
}
.custom__company_profile {
height: 944px;
padding: 60px 0 !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 42px;
margin-bottom: 15px;
}
.custom__company_profile .section-content .title__content p {
font-size: 16px;
}
.custom__section_logo_hover {
height: 350px;
border-radius: 30px;
}
.custom__section_logo_hover .section-content .title__content {
margin-top: 5px;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 42px;
font-weight: 500;
}
.custom__section_logo_hover .section-content .title__content p {
font-size: 16px;
}
.custom__section_logo_hover .section-content .logo__hover {
align-items: center;
}
.custom__section_logo_hover .section-content .logo__hover .col {
height: 90px;
padding: 0 10px;
}
.custom__section_map {
height: 716px;
}	
.custom__section_map .title__content div {
font-size: 46px;
}
.custom__section_map .title__content p {
font-size: 17px;
}
.custom__section_growth {
height: 568px;
}
.custom__section_growth .box__left .title__content {
padding: 25px;
height: 233px;
}
.custom__section_growth .box__left .title__content div {
font-size: 40px;
margin-bottom: 15px;
}
.custom__section_growth .box__left .title__content p {
font-size: 15px;
}
.custom__section_growth .box__left .custom_logo {
margin-top: 35px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
height: 121px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 40px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img {
width: 50px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport {
height: 406px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer {
height: 75%;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .img {
width: 110px !important;;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content div {
font-size: 65px;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content p {
font-size: 16px;
}
.custom__superior {
height: 568px;
border-radius: 160px 0 0 0;
}
.custom__superior .section-content .title__content {
font-size: 48px;
}
.custom__superior .custom_slider .flickity-viewport {
height: 439px !important;
padding: 35px 0;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box {
width: 260px;
height: 368px;
padding-top: 25px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-img {
width: 80px !important;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text {
margin-top: 30px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider div {
font-size: 24px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider p {
font-size: 16px;
}
}
@media (max-width: 1310px) {
.custom__section_video .video .col-inner {
width: 371px;
height: 208px;
}
.custom__section_video .title__text p {
font-size: 40px;
margin-bottom: 40px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1){
font-size: 34px;
line-height: 44px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(2) {
font-size: 14px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > div:nth-child(3) {
font-size: 14px;
}
.custom__aplication-smart {
height: 47.5rem;
width: 1310px;
}
.custom__aplication-smart .title__content {
font-size: 20px;
}
.custom__aplication-smart .box__template {
font-size: 15px;
}
.custom__aplication-smart .box__dashed_1 {
width: 23.125rem;
height: 10.563rem;
}
.custom__aplication-smart .box__dashed_2 {
width: 27.375rem;
height: 3.875rem;
}
.custom__aplication-smart .box__dashed_3 {
width: 24.938rem;
height: 3.625rem;
}
.custom__aplication-smart .box__dashed_4 {
width: 22.2rem;
height: 10.5rem;
}
.custom__aplication-smart .icon__template {
width: 38px;
height: 38px;
}
.custom__aplication-smart .icon__template .box-text {
bottom: 9px;
left: 37px;
font-size: 10px;
}
.custom__aplication-smart .custom__icon-hover_1 {
top: 23.5rem;
left: 25.5rem;
}
.custom__aplication-smart .custom__icon-hover_2 {
top: 26rem;
left: 30rem;
}
.custom__aplication-smart .custom__icon-hover_3 {
top: 28rem;
left: 34.6rem;
}
.custom__aplication-smart .custom__icon-hover_4 {
top: 32rem;
left: 36rem;
}
.custom__aplication-smart .custom__icon-hover_5 {
top: 20.5rem;
left: 34.2rem;
}
.custom__aplication-smart .custom__icon-hover_6 {
top: 22rem;
left: 37.6rem;
}
.custom__aplication-smart .custom__icon-hover_7 {
top: 22.7rem;
left: 43rem;
}
.custom__aplication-smart .custom__icon-hover_8 {
top: 26rem;
left: 51rem;
}
.custom__aplication-smart .custom__icon-hover_9 {
top: 17rem;
left: 40rem;
}
.custom__aplication-smart .custom__icon-hover_10 {
top: 17.5rem;
left: 50.5rem;
}
.custom__aplication-smart .custom__icon-hover_11 {
top: 23rem;
left: 55.5rem;
}
.custom__benefits {
height: 618px;
}
.custom__benefits .section-content .title_content {
font-size: 34px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner {
width: 372px;
height: 385px;
padding: 0px 1.625rem;
}
.custom__benefits .section-content .custom__box_benefits .box {
margin-top: 1.125rem;
}
.custom__benefits .section-content .custom__box_benefits .box .box-image {
width: 64px;
height: 51px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text {
font-size: 28px;
line-height: 28px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul {
margin-top: 0.8rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li {
margin-bottom: 1.2rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li div {
font-size: 1.1rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li p {
font-size: 0.7rem;
}
.custom__banner_header {
padding-top: 412px;
}
.custom__section_communication {
padding: 3.6rem 0 !important;
}
.custom__section_communication .title__content div {
font-size: 40px;
}
.custom__section_communication .title__content p {
font-size: 16px;
}
.custom__section_communication .video .col-inner {
width: 615px;
height: 311px;
}
.custom__section_communication .video .col-inner iframe {
width: 615px;
height: 311px;
}
.custom__section_loranwan {
height: 481px;
}
.custom__section_loranwan .title__content div {
font-size: 34px;
}
.custom__section_loranwan .title__content p {
font-size: 18px;
}
.custom__section_loranwan .title__content ul {
font-size: 14px;
}
.custom__banner_about_us {
height: 412px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 76px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
font-size: 19px;
}
.custom__company_profile {
height: 798px;
padding: 45px 0 !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 38px;
margin-bottom: 10px;
}
.custom__company_profile .section-content .title__content p {
font-size: 15px;
}
.custom__section_logo_hover {
height: 296x;
border-radius: 30px;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 38px;
font-weight: 500;
}
.custom__section_logo_hover .section-content .title__content p {
font-size: 14px;
}
.custom__section_logo_hover .section-content .logo__hover {
margin-left: 0;
}
.custom__section_logo_hover .section-content .logo__hover .col {
height: 80px;
}
.custom__section_map {
height: 657px;
}	
.custom__section_map .title__content {
padding: 13%;
}
.custom__section_map .title__content div {
font-size: 42px;
}
.custom__section_map .title__content p {
font-size: 16px;
}
.custom__section_growth {
height: 481px;
}
.custom__section_growth .box__left .title__content {
padding: 20px;
height: 197px;
}
.custom__section_growth .box__left .title__content div {
font-size: 35px;
margin-bottom: 10px;
}
.custom__section_growth .box__left .title__content p {
font-size: 13px;
}
.custom__section_growth .box__left .custom_logo {
margin-top: 30px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
height: 103px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 36px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img {
width: 45px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport {
height: 347px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer {
height: 80%;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .img {
width: 90px !important;;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content div {
font-size: 60px;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content p {
font-size: 14px;
}
.custom__superior {
height: 481px;
border-radius: 150px 0 0 0;
}
.custom__superior .section-content .title__content {
font-size: 44px;
margin-bottom: 10px;
}
.custom__superior .custom_slider .flickity-viewport {
height: 368px !important;
padding: 25px 0;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box {
width: 240px;
height: 318px;
padding: 0 20px;
padding-top: 20px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-img {
width: 70px !important;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text {
margin-top: 20px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider div {
font-size: 22px;
margin-bottom: 10px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider p {
font-size: 15px;
}
}
@media (max-width: 1160px) {
.custom__section_video .video .col-inner {
width: 337px;
height: 189px;
}
.custom__section_video .title__text p {
font-size: 36px;
margin-bottom: 30px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1){
font-size: 30px;
line-height: 40px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(2) {
font-size: 12px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > div:nth-child(3) {
font-size: 12px;
}
.custom__aplication-smart {
height: 47.5rem;
width: 1160px;
}
.custom__aplication-smart .title__content {
font-size: 18px;
}
.custom__aplication-smart .box__template {
font-size: 13px;
}
.custom__aplication-smart .box__dashed_1 {
top: 7rem;
width: 18.125rem;
height: 16.563rem;
}
.custom__aplication-smart .box__dashed_2 {
bottom: 4rem;
width: 23rem;
eight: 4.875rem;
}
.custom__aplication-smart .box__dashed_3 {
top: 8rem;
right: 8rem;
width: 22.938rem;
height: 9.625rem;
}
.custom__aplication-smart .box__dashed_4 {
right: 8.4rem;
bottom: 5rem;
width: 19.2rem;
height: 13.5rem;
}
.custom__aplication-smart .icon__template {
width: 34px;
height: 34px;
}
.custom__aplication-smart .icon__template .box-text {
bottom: 9px;
left: 33px;
font-size: 9px;
}
.custom__aplication-smart .custom__icon-hover_1 {
top: 24rem;
left: 21.5rem;
}
.custom__aplication-smart .custom__icon-hover_2 {
top: 26rem;
left: 35rem;
}
.custom__aplication-smart .custom__icon-hover_3 {
top: 28rem;
left: 29.6rem;
}
.custom__aplication-smart .custom__icon-hover_4 {
top: 32rem;
left: 32rem;
}
.custom__aplication-smart .custom__icon-hover_5 {
top: 21rem;
left: 30rem;
}
.custom__aplication-smart .custom__icon-hover_6 {
top: 22.5rem;
left: 33.6rem;
}
.custom__aplication-smart .custom__icon-hover_7 {
top: 22.7rem;
left: 39rem;
}
.custom__aplication-smart .custom__icon-hover_8 {
top: 26rem;
left: 46rem;
}
.custom__aplication-smart .custom__icon-hover_9 {
top: 18rem;
left: 35rem;
}
.custom__aplication-smart .custom__icon-hover_10 {
top: 18rem;
left: 45.8rem;
}
.custom__aplication-smart .custom__icon-hover_11 {
top: 23rem;
left: 51rem;
}
.custom__benefits {
height: 562px;
}
.custom__benefits .section-content .title_content {
font-size: 30px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner {
width: 338px;
height: 350px;
padding: 0px 1rem;
}
.custom__benefits .section-content .custom__box_benefits .box .box-image {
width: 58px;
height: 48px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text {
font-size: 24px;
line-height: 24px;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul {
margin-top: 0.8rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li {
margin-bottom: 0.9rem;
}
.custom__benefits .section-content .custom__box_benefits .col-inner ul li div {
font-size: 1rem;
}
.custom__banner_header {
padding-top: 375px;
}
.custom__section_communication {
padding: 2.2rem 0 !important;
}
.custom__section_communication .title__content div {
font-size: 36px;
}
.custom__section_communication .title__content p {
font-size: 14px;
}
.custom__section_communication .video .col-inner {
width: 559px;
height: 283px;
}
.custom__section_communication .video .col-inner iframe {
width: 559px;
height: 283px;
}
.custom__section_loranwan {
height: 437px;
}
.custom__section_loranwan .title__content div {
font-size: 30px;
}
.custom__section_loranwan .title__content p {
font-size: 17px;
}
.custom__section_loranwan .title__content ul {
font-size: 12px;
}
.custom__banner_about_us {
height: 375px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 70px;
letter-spacing: -1px;
margin-bottom: 5px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
font-size: 18px;
}
.custom__company_profile {
height: 726px;
padding: 30px 0 !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 34px;
margin-bottom: 6px;
}
.custom__company_profile .section-content .title__content p {
font-size: 13px;
}
.custom__section_logo_hover {
height: 269x;
}
.custom__section_logo_hover .section-content .title__conten {
padding: 0px 5%;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 34px;
font-weight: 500;
}
.custom__section_logo_hover .section-content .title__content p {
font-size: 12px;
}
.custom__section_logo_hover .section-content .logo__hover .col {
height: 70px;
}
.custom__section_map {
height: 597px;
}	
.custom__section_map .title__content {
padding: 10%;
}
.custom__section_map .title__content div {
font-size: 38px;
}
.custom__section_map .title__content p {
font-size: 14px;
}
.custom__section_growth {
height: 437px;
}
.custom__section_growth .box__left .title__content {
padding: 15px;
height: 179px;
}
.custom__section_growth .box__left .title__content div {
font-size: 30px;
margin-bottom: 5px;
}
.custom__section_growth .box__left .title__content p {
font-size: 12px;
}
.custom__section_growth .box__left .custom_logo {
margin-top: 30px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
height: 93px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 32px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img {
width: 40px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport {
height: 319px !important;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer {
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .img {
width: 70px !important;;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content div {
font-size: 50px;
}
.custom__section_growth .box_right .custom_slider .flickity-viewport .banner .banner-layer .text-inner .title__content p {
font-size: 12px;
}
.custom__superior {
height: 437px;
border-radius: 140px 0 0 0;
min-width: 750px;
}
.custom__superior .section-content .title__content {
font-size: 35px;
margin-bottom: 5px;
}
.custom__superior .custom_slider .flickity-viewport {
height: 340px !important;
padding: 15px 0;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box {
width: 195px;
height: 280px;
padding: 0 15px;
padding-top: 15px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-img {
width: 50px !important;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text {
margin-top: 10px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider div {
font-size: 20px;
margin-bottom: 5px;
}
.custom__superior .custom_slider .flickity-viewport .col .col-inner .icon-box .icon-box-text .title_slider p {
font-size: 14px;
}
.custom_section_partners .title_content .title,
.custom__white_service .title_content .title,
.custom__section_customer .title_content div:nth-child(2),
.custom__questions .title_content .title,
.custom__ready_to_craft .col .col-inner .title_content,
.custom__oem_includes .title_content div:nth-child(1),
.custom__section_spotlight .title_content .title,
.custom_customized_iot .title_content .title	{
font-size: 30px;
}
.custom__ready_to_craft .col .col-inner {
padding: 30px 100px;
}
.custom__oem_includes {
height: 554px;
}
.custom__banner_quality {
height: 400px;
}
.custom__banner_quality .title_content {
text-align: center;
margin-bottom: 60px;
}
.custom__banner_quality .title_content .title {
font-size: 45px;
margin-bottom: 30px;
}
.custom__banner_quality .title_content .desc {
font-size: 22px;
}
.custom__banner_quality .section-content .button {
font-size: 20px;
}
}
@media (max-width: 850px) { .form-btm .form {
width: 100%;
padding: 0 2rem;
}
.form-btm .form .input .label {
font-size: 0.8rem;
}
.form-btm .form .input input, .form-btm .form .input select {
height: 2rem;
}
.form-btm .form .input-group .verifycode, .form-btm .form .input-radios {
height: 2rem;
}
.form-btm .form .input-group .input select {
margin-bottom: 1.6rem;
}
.form-btm .form input[type=submit] {
margin-top: 1.438rem;
width: 12.563rem;
height: 1.875rem;
font-size: 1rem;
} .custom__menu_tabs .ux-menu-link .ux-menu-link__link {
font-size: 14px;
padding: 0 10px;
}
.custom__menu_crumbs .ux-menu-link .ux-menu-link__link {
font-size: 14px;
}
.custom__section_video .title__text p {
font-size: 28px;
margin-bottom: 20px;
}
.custom__section_video .video .col-inner {
width: 80%;
height: auto;
}
.custom__banner-thunder {
height: 1000px
}
.custom__banner-thunder .section-content .row {
height: 55%;
}
.custom__benefits {
height: 894px;
}
.custom__section_communication {
padding: 1.2rem 0 !important;
}
.custom__section_communication .title__content div {
font-size: 30px;
}
.custom__section_communication .title__content p {
font-size: 12px;
}
.custom__section_communication .video .col-inner {
width: 396px;
height: 245px;
}
.custom__section_communication .video .col-inner iframe {
width: 396px;
height: 245px;;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 60px;
}
.custom__company_profile {
height: 650px;
padding: 20px 0 !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 28px;
margin-bottom: 6px;
}
.custom__company_profile .section-content .title__content p {
font-size: 12px;
}
.custom__section_growth .box__left .title__content {
width: 100%;
}
.custom__section_tab_service {
margin-bottom: 50px;
}
.custom_section_partners .table_box .col-inner div:nth-child(1) {
font-size: 25px;
}
.custom__banner_white {
height: 359px;
}
.custom__banner_white .title_content div {
font-size: 30px;
}
.custom__white_service,
.custom__section_customer,
.custom__questions,
.custom__oem_includes,
.custom_customized_iot 	{
height: auto;
}
.custom__white_service .title_content {
margin-top: 30px;
}
.custom__white_service .title_content .blue,
.custom__questions .title_content .blue	{
font-size: 18px;
margin-bottom: 10px;
}
.custom__section_customer .title_content,
.custom__oem_includes .title_content	{
margin-bottom: 20px;
}
.custom__section_customer .title_content div:nth-child(1),
.custom__section_spotlight .box_image .col-inner .box-text .box-text-inner div:nth-child(1)	{
font-size: 18px;
}
.custom__section_customer .title_content div:nth-child(2),
.custom__ready_to_craft .col .col-inner .title_content,
.custom__oem_includes .title_content div:nth-child(1)	{
font-size: 23px;
}
.custom__section_customer .custom_icon .icon-box-text div:nth-child(1) {
min-height: 90px;
}
.custom__questions .title_content .title.
.custom__section_spotlight .title_content .title,
.custom_customized_iot .title_content .title	{
font-size: 23px;
margin-bottom: 10px;
}
.custom__ready_to_craft {
height: 319px;
}
.custom__ready_to_craft .col .col-inner {
padding: 20px 50px;
}
.custom__oem_includes .left .col-inner {
padding: 30px 30px;
}
.custom__oem_includes .right .col-inner {
padding: 25px 60px;
}
.custom__section_spotlight {
height: auto;
}
.custom__section_lora {
height: 185px;
}
.custom__banner_quality {
height: 300px;
}
.custom__banner_quality .title_content {
margin-bottom: 30px;
}
.custom__banner_quality .title_content .title {
font-size: 30px;
margin-bottom: 15px;
}
.custom__banner_quality .title_content .desc {
font-size: 18px;
}
.custom__banner_quality .section-content .button {
font-size: 16px;
}
.custom_section_system {
margin-top: 50px;
}
.custom_section_system .custom_header .title_content .title,
.custom_section_system .custom_assurance .title_content .title,
.custom_section_system .custom_philosophy .title_content .title	{
font-size: 36px;
margin-bottom: 10px;
}
.custom_section_system .custom_header .title_content .desc {
font-size: 17px;
}
.custom_section_system .custom_header {
margin-bottom: 80px;
}
.custom_section_system .image_buttom .col-inner .box .box-text .box-text-inner .button {
font-size: 10px;
}
.custom_section_system .custom_assurance .custom_list ul li {
font-size: 15px;
margin-bottom: 5px;
}
.custom_section_system .custom_philosophy .title_content .desc {
font-size: 18px;
padding: 0 10px;
}
.custom__section_touch {
height: 500px;
}
.custom__section_touch .title_white {
font-size: 20px;
}
}
@media (max-width: 576px) {
.form-btm .form-content {
display: unset;
}
.custom__section_loranwan {
height: auto;
padding: 0 20px;
}
.custom_section_partners .title_content .title,
.custom__banner_white .title_content div,
.custom__white_service .title_content .title	{
font-size: 23px;
}
.custom_section_partners .title_content .desc,
.custom_section_partners .table_box .col-inner div:nth-child(2)	 {
font-size: 14px;
}
.custom__banner_white {
height: 294px;
}
.custom__section_offer .text_bottom .col-inner {
padding-left: 0;
}
.custom_customized_iot .custom_menu .ux-menu-link .ux-menu-link__link {
font-size: 14px;
}
.custom__section_lora {
height: 155px;
}
.custom_section_system {
margin-top: 30px;
}
.custom_section_system .custom_header .title_content .title,
.custom_section_system .custom_assurance .title_content .title,
.custom_section_system .custom_philosophy .title_content .title	{
font-size: 25px;
}
.custom_section_system .custom_header .title_content .desc {
font-size: 15px;
padding: 0 10px;
}
.custom_section_system .image_buttom .col-inner {
flex-direction: column;
}
.custom_section_system .image_buttom .col-inner .box .box-image {
width: 50%;
}
.custom_section_system .image_buttom .col-inner .box .box-text .box-text-inner {
padding: 0 30%;
}
.custom_section_system .custom_header {
margin-bottom: 40px;
}
.custom_section_system .learn_more {
margin: 25px 0;
}
.custom_section_system .custom_philosophy .title_content .desc,
.custom__section_touch .title_white,
.custom__section_touch .button,
.custom_section_system .learn_more .button {
font-size: 16px;
}
.custom__section_touch {
height: 300px;
}
.custom_section_system .custom_assurance .custom_list,
.custom_section_system .custom_assurance .img	{
padding: 0 10px;
}
.custom_section_system .custom_philosophy {
margin-top: 50px;
}
.custom__banner_about_us {
height: 300px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner h3 {
font-size: 30px;
}
.custom__banner_about_us .title__content .text-box-content .text-inner p {
font-size: 14px;
}
.custom__company_profile {
height: auto;
}
.custom__company_profile .section-content .row {
max-width: 90% !important;
}
.custom__company_profile .section-content .title__content div {
font-size: 24px;
}
.custom__section_loranwan .title__content div {
font-size: 26px;
}
.custom__section_loranwan .title__content p {
font-size: 15px;
}
.custom__section_logo_hover {
height: auto;
}
.custom__section_logo_hover .section-content .title__content {
padding: 0;
}
.custom__section_logo_hover .section-content .title__content div {
font-size: 26px;
}
.custom__section_map {
height: auto;
}
.custom__section_map .title__content div {
font-size: 26px;
}
.custom__section_growth {
height: auto;
}
.custom__section_growth .box__left .title__content {
height: auto;
}
.custom__section_growth .box__left .title__content div {
font-size: 24px;
}
.custom__section_growth .box__left .custom_logo .box_icon {
height: 70px;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-img {
width: 20px !important;
}
.custom__section_growth .box__left .custom_logo .box_icon .icon-box-text {
font-size: 24px;
}
.custom__banner_header {
padding-top: 130px;
}
.custom__menu_tabs .ux-menu-link .ux-menu-link__link {
font-size: 12px;
}
.custom__section_communication .title__content {
padding: 0 10%;
}
.custom__section_communication .title__content div {
font-size: 24px;
}
.custom__section_loranwan {
padding: 0;
}
.custom__banner_header .text-box-content .text-inner h3 {
font-size: 20px;
}
.custom__section_video .title__text p {
font-size: 20px;
}
.custom__banner-thunder .section-content .custom__content .col-inner > p:nth-child(1) {
font-size: 20px;
line-height: 24px;
}
.custom__benefits .section-content .custom__box_benefits .box .box-text .box-text-inner p {
font-size: 20px;
}
.custom__footer_web .row .col .col-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.custom__footer_web  .col .col-inner .is-border {
border-width: 0 !important;
}
.header-language-dropdown > a {
flex-wrap: nowrap !important;
font-size: 12px !important;
}
.fvn__list_short_product li {
width: 100%;
}
.product-gallery {
width: 300px;
top: -75vh !important;
}
.custom_padding {
padding-bottom: 0;
}
.woocommerce-tabs > .tabs {
flex-wrap: nowrap;
}
.woocommerce-tabs .tab-panels .woocommerce-Tabs-panel .carousel {
display: none;
}
.woocommerce-tabs .tab-panels .woocommerce-Tabs-panel .download {
padding: 0 10px 0 20px;
}
.custom__aplication-smart {
height: 400px;
width: 100%;
}
.custom__aplication-smart .title__content p {
font-size: 8px;
}
.custom__aplication-smart .box__dashed_1,
.custom__aplication-smart .box__dashed_2,
.custom__aplication-smart .box__dashed_3,
.custom__aplication-smart .box__dashed_4,
.custom__aplication-smart .custom__icon-hover_1,
.custom__aplication-smart .custom__icon-hover_2,
.custom__aplication-smart .custom__icon-hover_3,
.custom__aplication-smart .custom__icon-hover_4,
.custom__aplication-smart .custom__icon-hover_5,
.custom__aplication-smart .custom__icon-hover_6,
.custom__aplication-smart .custom__icon-hover_7,
.custom__aplication-smart .custom__icon-hover_8,
.custom__aplication-smart .custom__icon-hover_9,
.custom__aplication-smart .custom__icon-hover_10,
.custom__aplication-smart .custom__icon-hover_11 {
display: none;
}
}.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover, .btn:focus {
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.show {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
tr.collapse.show {
display: table-row;
}
tbody.collapse.show {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
.bg-red{background-color: red !important;}
.bg-blue{background-color: blue !important;}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white, .bg-white .section-bg-overlay {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.border-white-2 {
border: 2px solid #fff;
}
.rounded, .rounded .attachment-large {
border-radius: 0.25rem !important;
}
.rounded-10, .rounded-10 .img-inner, .rounded-10 .img-inner img {
border-radius: 10px;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-100-col .col-inner {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}