/*滚动条*/@-webkit-keyframes bouncedelay {0%,80%,to {-webkit-transform:scale(0)}
40% {-webkit-transform:scale(1)}}
@keyframes bouncedelay {0%,80%,to {-webkit-transform:scale(0);transform:scale(0)}
40% {-webkit-transform:scale(1);transform:scale(1)}}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f0f0f0}
::-webkit-scrollbar {width:8px;background-color:#0092D5}
::-webkit-scrollbar-thumb {width:8px;background-color:#0092D5}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#222}
::selection {background:#0092D5;color:#fff;}

.spinner-wrapper {position:fixed;z-index:999999;top:0;right:0;bottom:0;left:0;background:#fff;}
.spinner {position:absolute;top:50%;left:50%;width:3.75rem;height:1.25rem;margin:-0.625rem 0 0 -1.875rem;text-align:center;}
.spinner > div {display:inline-block;width:1rem;height:1rem;border-radius:100%;background-color:#0092D5;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2 {-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes sk-bouncedelay {0%,80%,100% {-webkit-transform:scale(0);}
40% {-webkit-transform:scale(1.0);}}
@keyframes sk-bouncedelay {0%,80%,100% {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
40% {-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);}}

#movetop {display:none;position:fixed;bottom:60px;right:15px;z-index:999;font-size:18px;border:none;outline:none;cursor:pointer;color:#fff;width:2.625rem;height:2.625rem;background: #0092D5 url(../images/up-arrow.png) no-repeat center 47%;padding:0;line-height:36px;border-radius:35px;transition:0.3s ease-out;}
#movetop:hover {display:none;position:fixed;bottom:60px;right:15px;z-index:999;font-size:18px;border:none;outline:none;cursor:pointer;color:#fff;width:2.625rem;height:2.625rem;background: #0583C0 url(../images/up-arrow.png) no-repeat center 47%;padding:0;line-height:36px;border-radius:35px;transition:0.3s ease-out;}

/*title zs*/
.tooltip.bs-tooltip-right .arrow:before {border-right-color:#f8f8f8;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color:#f8f8f8;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color:#f8f8f8;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color:#f8f8f8;}
.tooltip-inner {padding:0.5rem 0.7rem;min-width:150px;background-color:#f8f8f8;font-size:0.9rem;color:inherit;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.2);color:#333!important;}

/** =====================================================*GENERAL* =====================================================*/
.text-bold {font-weight:700;}
.text-small {font-size:0.9rem;}
.text-productdesc {font-size:0.9rem;padding:0 1rem 0 1rem;}
.btn-outline-light:hover {color:#0092D5 !important;}
section {padding:2.5rem 0;}
sections {padding:3rem 0;}
strong {font-weight:600;}
a {-webkit-transition:all 0.3s;transition:all 0.3s;display:inline-block;text-decoration:none;}
.modal {background:rgba(0,0,0,0.85);}
.modal-content {border-radius:0;}
.modal-content .close {width:3rem;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0092D5;display:block;opacity:1;padding:0;outline:none;}
.modal-content .close span {color:#fff;}
button {cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;}
.bg-gray,.sidebar-widget {background:#f5f5f5 !important;margin-bottom:2rem;}
.tlinks {text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.breadcrumb {background:none;}
.breadcrumb li.breadcrumb-item {color:#999;}
.form-group label {color:#555;font-weight:400;font-size:1.05rem;}
.form-group label span.icon {width:2rem;height:2rem;line-height:2rem;background:#0092D5;color:#fff;text-align:center;display:inline-block;margin-right:0.5rem;border-radius:50%;font-size:0.85rem;}
.form-group textarea {min-height:10rem;}
.form-control::-moz-placeholder {font-size:0.9rem;color:#aaa !important;}
.form-control::-webkit-input-placeholder {font-size:0.9rem;color:#aaa !important;}
.form-control:-ms-input-placeholder {font-size:0.9rem;color:#aaa !important;}
.breadcrumb-item + .breadcrumb-item::before {font-size:0.9rem;}

.tj {width:100%;float:left;font-size:40px;text-align:center;font-weight:bold;vertical-align:top;color:#0092D5;}
.tjico {width:100%;text-align:center;font-size:3rem;padding-bottom:0.5rem;color:#0092D5;}
.counterDX {margin-top:15px;color:#6c757d;text-align:center;vertical-align:top;font-size:45px;font-family:Arial!important;}
.tjtxt {font-size: 1.2rem;font-weight: 300;color: #6c757d!important;text-align: center;}

/* GENERAL MEDIAQUERY */
@media (max-width:991.98px) {section {padding:5rem 0;}}

/** =====================================================*NAVBAR* =====================================================*/
nav.navbar {-webkit-transition:all 0.4s;transition:all 0.4s;}
nav.navbar.active {background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.08);box-shadow:0 2px 3px rgba(0,0,0,0.08);}
nav.navbar .dropdown-menu {margin-top:0rem;}

/* NAVBAR MEDIAQUERY */
@media (max-width:991.98px) {nav.navbar {background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.08);box-shadow:0 2px 3px rgba(0,0,0,0.08);}
nav.navbar .dropdown-menu {-webkit-box-shadow:none;box-shadow:none;margin-top:0;margin-bottom:1rem;}}

/** =====================================================*FOOTER* =====================================================*/
footer.main-footer {padding:3.5rem 0;background:#0092D5;color:#fff;padding-bottom:0;margin-top:2rem;}
.footer-logo {width:8.5rem;}
.footer-link {color:#fff;font-size:0.9rem;font-weight:500;margin:0.3rem 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.footer-link:hover,.footer-link:focus {color:#333;font-size:0.9rem;font-weight:500;margin:0.3rem 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.social-link {color:#fff;font-size:1.5rem;margin:0 0.625rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.social-link:hover {color:#333;-webkit-transition:all 0.3s;transition:all 0.3s;}
.footer-heading {margin-bottom:1.2rem;font-weight:600;}
.copyrights-text {font-weight:500;font-size:0.9rem;margin-top: 0.5rem;}
.copyrights-text a {font-weight:500;font-size:0.9rem;color:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.copyrights-text a:hover {color:#333;text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s;}
.copyrights {margin-top: 2rem;padding: 0.5rem 0;border-top: 1px solid #0583C0;max-width: 1140px;margin: 0 auto;}

/*=====================STYLE SWITCHER FOR DEMO=====================*/
#style-switch-button {position:fixed;top:120px;left:0px;border-radius:0;z-index:2;}
#style-switch {width:300px;padding:20px;position:fixed;top:160px;left:0;background:#fff;border:solid 1px #ced4da;z-index:2000;}
#style-switch h4 {color:#495057;}
#style-switch select {height:50px;}

/* =====================================================*HERO SECTION* =====================================================*/
/*.hero {padding:12rem 0;background:url(../images/hero-bg.svg) no-repeat;background-size:cover;background-position:bottom left;}*/
.hero {height:82vh;padding-top:8rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url(../images/hero-bg.svg);background-size:cover;background-position:bottom;}
.heromore {height:40rem;padding-top:4.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url(../images/hero-bg.svg);background-size:cover;background-position:bottom;}
.leadicotxt {font-size:1rem;font-weight:300;color:#6c757d;}
.searchkeys {font-size:1rem;font-weight:300;color:#6c757d;border-bottom:1px solid #f5f5f5;padding:0.5rem;text-align:center;}
.searchtxt {text-align:center;}

.linkstxt{font-size:1rem;font-weight:300;color:#6c757d;border-bottom:1px solid #f5f5f5;padding:0.5rem;text-align:center;}  
.links-pic {display:inline-block;padding:0.4rem 1.2rem 0.4rem 1.2rem;margin-right:0.5rem;border:0.125rem solid #f5f5f5;border-radius:0rem;background-color:#fff;color:#fff;text-decoration:none;transition:all 0.2s;}
.links-pic:hover {background-color:transparent;color:#fff;background-color:#0092D5;border:0.125rem solid #0583C0;text-decoration:none;}

.subscription-form .form-group {position:relative;}
.subscription-form .form-group button {position:absolute;top:0.3rem;right:0.4rem;border-radius:0;}
.subscription-form input {height:auto;}
.subscription-form input::-moz-placeholder {font-weight:300;font-size:0.9rem;color:#aaa;}
.subscription-form input::-webkit-input-placeholder {font-weight:300;font-size:0.9rem;color:#aaa;}
.subscription-form input:-ms-input-placeholder {font-weight:300;font-size:0.9rem;color:#aaa;}

/* HERO MEDIAQUERY */
@media (max-width:991.98px) {.hero {padding:5rem 0 7rem;padding-top:8rem;}
.subscription-form .form-group {position:static;}
.subscription-form .form-group button {position:static;width:100%;margin-top:0.5rem;}}

/** =====================================================*INTEGRATIONS SECTION* =====================================================*/
.box {padding:3rem 2rem;-webkit-transition:all 0.4s;transition:all 0.4s;}
.box:hover {-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.box .icon {width:2.8rem;height:2.8rem;margin:0 auto;margin-bottom:1rem;}

/** =====================================================*CLIENTS SECTION* =====================================================*/
.clients img {max-height:5rem;padding:0.6rem;}

/** =====================================================*PORTFOLIO SECTION* =====================================================*/
.portfolio-item {position:relative;display:block;overflow:hidden;}
.portfolio-item::after {content:'';width:120%;height:120%;background:radial-gradient(circle closest-corner,rgba(0,0,0,0),rgba(0,0,0,0.8));display:block;position:absolute;top:-10%;left:-10%;}

/** =====================================================*CONTACT SECTIOn* =====================================================*/
.contact-details .box {padding:1.5rem;-webkit-box-shadow:none;box-shadow:none;text-align:center;}
.contact-details .icon {width:1.8rem;height:1.8rem;}
.contact-form sup {font-size:0.7rem;display:inline-block;margin-left:0.2rem;}
.contact-form .icon {display:none !important;margin-left:1rem;}

/** =====================================================*FAQ SECTION* =====================================================*/
.accordion-custom .card {border-radius:0;border:none;margin-bottom:1.3rem;background:linear-gradient(45deg,#0092D5,#fc324f);}
.accordion-custom .card-header {border:none;padding:0;background:none;}
.accordion-custom .card-header button {color:#333;text-transform:none !important;background:none;display:block;border:none;padding:1.5rem 2.1rem;cursor:pointer;width:100%;text-align:left;background:#f5f5f5;outline:none;}
.accordion-custom .card-header button[aria-expanded='true'] {background:none;color:#fff;}
.accordion-custom .card-header button:hover,.accordion-custom .card-header button:focus {text-decoration:none;}
.accordion-custom .accordion-heading {font-size:1.05rem;}
.accordion-custom .accordion-heading i {font-size:2.2rem;margin-right:1.5rem;}
.accordion-custom .card-body {color:#fff;padding:2rem 2.1rem;padding-top:0.7rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}

/** =====================================================*ABOUT SECTION* =====================================================*/
.heroabout {height:32rem;padding-top:5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url(../images/hero-bg.svg);background-size:cover;background-position:bottom;}
.accordion-custom .cardtxt {border-radius:0;border:none;margin-bottom:1.3rem;background:linear-gradient(45deg,#fff,#fff);}
.accordion-custom .cardtxt-header {border:none;padding:0;background:none;}
.accordion-custom .cardtxt-header button {color:#333;text-transform:none !important;background:none;display:block;border:none;padding:1.5rem 2.1rem;cursor:pointer;width:100%;text-align:left;background:#f5f5f5;outline:none;}
.accordion-custom .cardtxt-header button[aria-expanded='true'] {background:none;color:#fff;}
.accordion-custom .cardtxt-header button:hover,.accordion-custom .cardtxt-header button:focus {text-decoration:none;}
.accordion-custom .accordion-heading {font-size:1.05rem;}
.accordion-custom .accordion-heading i {font-size:2.2rem;margin-right:1.5rem;}
.accordion-custom .cardtxt-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:1rem;/*font-weight:300;font-size:1rem;*/line-height:1.5rem;}
.accordion-custom .cardtxt-bodys {/*border-top:1px solid #f5f5f5;*/color:#6c757d;/*padding-top:0.7rem;font-weight:300;font-size:1rem;line-height:1.5rem;*/}

/*ABOUT PARM*/
ul{/*margin:0;*/padding:0;list-style:none;}  
.abouttable{display:table;border-collapse:collapse;border:1px solid #fff;}  
.abouttable-caption{display:table-caption;margin:0;padding:0;font-size:16px;}  
.abouttable-column-group{display:table-column-group;}  
.abouttable-column{display:table-column;width:100px;}  
.abouttable-row-group{display:table-row-group;}  
.abouttable-row{display:table-row;}  
.abouttable-row-group .abouttable-row:hover,.abouttable-footer-group .abouttable-row:hover{background:#f5f5f5;} /*光标经过背景*/
.abouttable-cell{display:table-cell;padding:8px 5px;border:1px solid #fff;color: #fff;text-align: center;vertical-align: middle;}  /*框线*/
.abouttable-cells{display:table-cell;padding:10px 10px;border:1px solid #fff;text-align: center;vertical-align: middle;color:#fff;width:11%;background-color: #0092d5;}/*框线*/
.abouttable-cellss{display:table-cell;padding:10px 0px 10px 10px;border:1px solid #fff;text-align:left;vertical-align:middle;color:#6c757d;width:100%;}/*框线*/
.abouttable-header-group{display:table-header-group;background:#0092D5;font-weight:bold;}  /*项目背景*/
.abouttable-footer-group{display:table-footer-group;}

/** =====================================================*JOB SECTION* =====================================================*/
.accordion-custom .cardnewsjob {border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-left: 0.4rem solid #f5f5f5;padding: 0rem 1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.accordion-custom .cardnewsjob:hover{border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-left: 0.4rem solid #0092D5;padding: 0rem 1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.job-detail-box {list-style: none;}
.job-detail-ul1 {padding:15px 0;}
.job-detail-ul1 li {display:inline-block;width:48%;margin-right:1%;color:#6c757d;}
.job-detail-box .job-detail-ul1 {border-bottom:1px #f5f5f5 solid;}
.job-detail-info {padding: 15px 0;}
.jobpre{border-radius:0;border:none;background:linear-gradient(45deg,#f5f5f5,#f5f5f5);border-left: 0.4rem solid #0092D5;padding:1rem;-webkit-transition:all 0.3s;transition:all 0.3s;margin-bottom: 1rem;}


/** =====================================================*NEWS SECTION* =====================================================*/
.heronews {height:22rem;padding-top:5rem;margin-bottom:4rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url(../images/hero-bg.svg);background-size:cover;background-position:bottom;}

.accordion-custom .cardnewst {border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-left: 0.4rem solid #f5f5f5;padding: 0rem 1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.accordion-custom .cardnewst:hover{border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-left: 0.4rem solid #0092D5;padding: 0rem 1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}

.accordion-custom .cardnews {border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-bottom:1px solid #f5f5f5;}
.accordion-custom .cardnewss {margin-bottom:1rem;border-radius:0;border:none;background:linear-gradient(45deg,#fff,#fff);border-bottom:1px solid #f5f5f5;}
.newstxt {color:#0092D5;text-decoration:none;}
.brandtxt {color:#0092D5;text-decoration:none;text-align:center;}

.Attention {color:#0092D5;text-decoration:none;/*border:1px dotted #0092D5;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5;*/padding:0.5rem;/*width:80%;*/text-align:center;margin:0 auto;margin-bottom:1rem;font-size:1rem;line-height:1.5rem;}/*Statement*/
.Attentionico {/*font-size:1rem;font-weight:900;*/color: #0092D5!important;}

.accordion-custom .cardnews-header {border:none;padding:0;background:none;}
.accordion-custom .cardnews-header button {color:#333;text-transform:none !important;background:none;display:block;border:none;padding:1.5rem 2.1rem;cursor:pointer;width:100%;text-align:left;background:#f5f5f5;outline:none;}
.accordion-custom .cardnews-header button[aria-expanded='true'] {background:none;color:#fff;}
.accordion-custom .cardnews-header button:hover,.accordion-custom .cardnews-header button:focus {text-decoration:none;}
.accordion-custom .accordion-heading {font-size:1.05rem;}
.accordion-custom .accordion-heading i {font-size:2.2rem;margin-right:1.5rem;}
.accordion-custom .cardnews-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.4rem;padding-bottom:0.4rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}
.accordion-custom .cardnews1-body {/*border-top:1px solid #f5f5f5;*/color:#6c757d;padding-top:0.8rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;margin-top: 3rem;padding-bottom:0.3rem;}
.accordion-custom .cardnews2-body {border-top:1px solid #f5f5f5;/*border-bottom:1px solid #f5f5f5;*/color:#6c757d;padding-top:0.8rem;padding-bottom:0.5rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}
.accordion-custom .cardnews3-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.3rem;padding-bottom:0.3rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}
.accordion-custom .cardnews4-body {border-top:1px solid #f5f5f5;color:#fff;padding-top:0.8rem;padding-bottom:0.8rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}
.accordion-custom .cardnews5-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.3rem;padding-bottom:0.3rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;}
.accordion-custom .cardnews6-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.4rem;padding-bottom:0.4rem;font-weight:300;font-size:0.9rem;line-height:1.7rem;text-align:center;}
.accordion-custom .cardnews7-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.4rem;padding-bottom:0.4rem;font-weight:400;font-size:0.9rem;line-height:1.7rem;}
.fltag {border:0.1rem solid #f5f5f5;color:#6c757d;background:#fff;font: 400 0.875rem/1.375rem "Raleway",sans-serif;display:inline-block;text-align:center;padding:2px 12px;margin:5px 0 5px 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0rem;}
.fltag:hover {border:0.1rem solid #0092D5;background:#0092D5;color:#fff;}

/** =====================================================*PRODUCT DJS NEW* =====================================================*/
.djskj{width:100%;text-align: center;}
.product-title {padding:1rem 0 0 0;}
.djskj .djstxt{font-size:14px;line-height:28px;}
.djskj .ptxt {padding:0.5rem 0 0.5rem 0;margin:0 auto;}
.djskj .ptxt del {line-height: 26px;color: #333;letter-spacing: .6px;font-size:1.5rem;}
.djskj .ptxt span {line-height: 26px;color: #0092D5;letter-spacing: .6px;font-size:1.5rem;}
.djskj .desc {padding:0.5rem 0 0.5rem 0;margin:0 auto;color: #6c757d;}
.DJSTIME {margin: 0.5rem 0.1rem 1rem 0.1rem;}
.DJSTIME .cdown:first-child {margin:0;}
.DJSTIME .cdown {display: inline-block!important;border:1px solid #0092D5;width:4rem;height:4rem;}
.DJSTIME .time-count {font-size:30px;font-weight:600;line-height:normal;color:#0092D5;}
.DJSTIME .cdown p {color:#6c757d;font-weight:300;line-height:0.3rem;;margin:0;text-transform:uppercase;font-size:0.8rem;}

/*PRODUCT PICS*/
.picdt {position:relative;padding-top:71%;font-family: "futura", arial;overflow:hidden;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.picdt .slide {position:absolute;top: 0;z-index: 1;opacity: 0;}
.picdt img.slide {width:100%;/*height:100%;height:auto;*/}
.picdt .prev,
.picdt .next {position:absolute;width:70px;font-size:45px;text-align:center;color:#333;top:56%;left:0;z-index:4;margin-top:-50px;cursor:pointer;opacity: .5;transition:all 150ms;}
.picdt .prev:hover,
.picdt .next:hover {opacity:1;}
.picdt .next {left: auto;right:0;}
.picdt .pager_list {position:absolute;width:100%;height:40px;padding:0;line-height:40px;bottom:0;text-align:center;z-index:4;margin:auto;padding-bottom:2rem;}
.picdt .pager_list li {display:inline-block;width:35px;height:5px;margin:0 7px;background:#333;opacity:.5;text-indent:-9999px;border-radius:0px;cursor:pointer;transition:all 150ms;}
.picdt .pager_list li:hover,
.picdt .pager_list li.active {opacity:1;}
.producttxt {color:#0092D5;text-decoration:none;margin-top: 0.5rem;}

.tylabel {position:absolute;top:0;right:0;width:10.625rem;height:10.625rem;overflow:hidden;}
.tylabel .best-value {position:relative;width:13.75rem;padding:0.3125rem 0 0.3125rem 7.7rem;background-color:#0092D5;color:#fff;-webkit-transform:rotate(45deg) translate3d(0,0,0);-ms-transform:rotate(45deg) translate3d(0,0,0);transform:rotate(45deg) translate3d(0,0,0);}

/*PRODUCT CONTENT*/
.product-details-tabs {padding:1rem 0 1rem 0;}
.product-details-tabs .nav-tab {margin-bottom:1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.product-details-tabs .nav-tab .nav-item {width:25%;/*width:33.33333%;*/text-align:center;}
.product-details-tabs .nav-tab .nav-item .nav-link {border-radius:0;border:1px solid #f5f5f5;border-right:0;}
.product-details-tabs .nav-tab .nav-item .nav-link.active {background:#0092D5;color:#ffffff;}
.product-details-tabs .nav-tab .nav-item:last-child .nav-link {border-right:1px solid #f5f5f5;}
.product-details-tabs .specific-tab .review-tab .add-review {margin-bottom:15px;}
.product-details-tabs .specific-tab .review-tab .add-review .star-rating {margin-bottom:30px;}
.product-details-tabs .lasttab {width:100%;margin:0 auto;}
.product-details-tabs .specific-tab .tab-pane .thumb {text-align: center;width: 70%;margin: 0 auto;}
.product-details-tabs .specific-tab .tab-pane .thumb img {height: auto;max-width: 100%;}

/*PRODUCT PARM*/
ul{/*margin:0;*/padding:0;list-style:none;}  
.table{display:table;border-collapse:collapse;border:1px solid #f5f5f5;}  
.table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}  
.table-column-group{display:table-column-group;}  
.table-column{display:table-column;width:100px;}  
.table-row-group{display:table-row-group;}  
.table-row{display:table-row;}  
.table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f5f5f5;} /*光标经过背景*/
.table-cell{display:table-cell;padding:8px 5px;border:1px solid #f5f5f5;color: #fff;text-align: center;vertical-align: middle;width:33%;}  /*框线*/
.table-cells{display:table-cell;padding:5px 5px;border:1px solid #f5f5f5;text-align: center;vertical-align: middle;color:#6c757d;}  /*框线*/
.table-header-group{display:table-header-group;background:#0092D5;font-weight:bold;}  /*项目背景*/
.table-footer-group{display:table-footer-group;}

/*PRODUCT HOME NEW */
.section-images {padding-top:13rem;padding-bottom:9rem;margin:0 auto;text-align:center;}
.section-images .hero-images-container {max-width: 480px;left: 10%;position: absolute;}
.section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {margin-top: -38vh;}
@media screen and (min-width: 1200px)
.section-images .hero-images-container-1 {top: 51%;right: 21%;}
.section-images .hero-images-container-1 {max-width: 350px;position: absolute;top: 605%;right: 28%;}
.section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {margin-top: -38vh;}
@media screen and (min-width: 1200px)
.section-images .hero-images-container-2 {top: 66%;right: 14%;}
.section-images .hero-images-container-2 {max-width: 200px;position: absolute;top: 930%;right: 20%;}
.section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {margin-top: -38vh;}

/** =====================================================*PHOTO* =====================================================*/
.phototitle {margin:0.5rem 0 0.3rem 0;font-family:inherit;font-weight:300;line-height:1.2;color:inherit;-webkit-transition:all 0.3s;transition:all 0.3s;}
.photoico {font-size:1rem;font-weight:300;color:#6c757d;padding-bottom:0.4rem;}
.photoicos {font-size:1rem;font-weight:300;color:#6c757d;margin-right:0.7rem;}
.photokj {text-align:center;/*background:#fff;*/z-index:99;position:relative;padding:0.2rem;left:0;z-index:0;margin-bottom:0.4rem;}
.photokj:before {position:absolute;content:"";left:0;bottom:0;height:2px;width:0%;background:#0092D5;opacity:0;visibility:hidden;-webkit-transition:all 0.3s;transition:all 0.3s;}
.photokj:hover:before {opacity:1;visibility:visible;width:100%;}

.photoimg {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.photoimg:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.photoimg img {width:100%;height:152px;}
.photoimg:hover:before {opacity:0.8;}
.photoimg:hover .caption h4 {top:45%;}
.photoimg:hover .caption {opacity:1;top:55%;}
.photoimg .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;padding-bottom:0.7rem;}
.photoimg .caption h4 {font-size:16px;font-weight:600;}
.photoimg .caption h4 a {color:#555;}
.photoimg .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.photoimg .caption .search-icon i {line-height:40px;}
.photoimg .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.photoimg .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.photoimg .caption .search-links:hover {color:#fff;}

.caseimg {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.caseimg:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.caseimg img {width:100%;height:231px;}
.caseimg:hover:before {opacity:0.8;}
.caseimg:hover .caption h4 {top:45%;}
.caseimg:hover .caption {opacity:1;top:55%;}
.caseimg .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;padding-bottom:0.7rem;}
.caseimg .caption h4 {font-size:16px;font-weight:600;}
.caseimg .caption h4 a {color:#555;}
.caseimg .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.caseimg .caption .search-icon i {line-height:40px;}
.caseimg .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.caseimg .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.caseimg .caption .search-links:hover {color:#fff;}

/** =====================================================*DOWN* =====================================================*/
.downimg {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.downimg:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.downimg img {width:100%;height:272px;}
.downimg:hover:before {opacity:0.8;}
.downimg:hover .caption h4 {top:45%;}
.downimg:hover .caption {opacity:1;top:55%;}
.downimg .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;padding-bottom:0.7rem;}
.downimg .caption h4 {font-size:16px;font-weight:600;}
.downimg .caption h4 a {color:#555;}
.downimg .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.downimg .caption .search-icon i {line-height:40px;}
.downimg .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.downimg .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.downimg .caption .search-links:hover {color:#fff;}

.down-details-tabs {padding:1rem 0 1rem 0;}
.down-details-tabs .nav-tab {margin-bottom:1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.down-details-tabs .nav-tab .nav-item {width:50%;text-align:center;}
.down-details-tabs .nav-tab .nav-item .nav-link {border-radius:0;border:1px solid #f5f5f5;border-right:0;}
.down-details-tabs .nav-tab .nav-item .nav-link.active {background:#0092D5;color:#ffffff;}
.down-details-tabs .nav-tab .nav-item:last-child .nav-link {border-right:1px solid #f5f5f5;}
.down-details-tabs .specific-tab .review-tab .add-review {margin-bottom:15px;}
.down-details-tabs .specific-tab .review-tab .add-review .star-rating {margin-bottom:30px;}
.down-details-tabs .lasttab {width:100%;margin:0 auto;}
.down-details-tabs .specific-tab .tab-pane .thumb {text-align: center;width: 70%;margin: 0 auto;}
.down-details-tabs .specific-tab .tab-pane .thumb img {height: auto;max-width: 100%;}

.downlabel {position:absolute;top:0;right:0;width:10.625rem;height:10.625rem;overflow:hidden;}
.downlabel .best-value {position:relative;width:13.75rem;padding:0.3125rem 0 0.3125rem 7.2rem;background-color:#333;color:#fff;-webkit-transform:rotate(45deg) translate3d(0,0,0);-ms-transform:rotate(45deg) translate3d(0,0,0);transform:rotate(45deg) translate3d(0,0,0);}

/** =====================================================*RIGHT FL* =====================================================*/
.sidebar .search .form-group {position:relative;}
.sidebar .search .form-control {background:#f5f5f5;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 0.3s;transition:all 0.3s;padding:1.3rem 2rem;}
.sidebar .search .form-control:focus {border-color:#0092D5;}
.sidebar .search .form-control:focus + button {background:#0092D5;color:#fff;border-color:#0092D5;}
.sidebar .search button {width:4rem;text-align:center;line-height:2.7rem;height:100%;background:#f2f2f2;border:none;position:absolute;top:0;right:0;color:#aaa;border:1px solid transparent;border-left:0;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;}
.sidebar-widget {padding:2rem;}
.categories-link {color:#6c757d;text-decoration:none;margin-bottom:0.5rem;font-size:1rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.categories-link:hover {color:#0092D5;text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s;}
.tag-link {color:#6c757d;padding:0.5rem 1.2rem;background:#fff;margin:0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.tag-link:hover {background:#0092D5;color:#fff;text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s;}

/*MESSAGE*/
.container .inner {box-shadow:0px 1px 0px #f5f5f5;border-radius:0px;overflow:hidden;padding:0 0 2rem 0;}
.contact-us .innerss {box-shadow:0px 1px 0px #f5f5f5;border-radius:0px;overflow:hidden;padding: 10px;}
.contact-us .contact-us-left {padding: 5px 5px;}
.contact-us .contact-us-left h2 {position:relative;font-size:28px;color:#777;font-weight:600;line-height:27px;text-transform:capitalize;margin-bottom:12px;padding-bottom:20px;text-align:left;}
.contact-us .contact-us-left h2:before {position:absolute;content:"";left:0;bottom:0;height:2px;width:50px;background:#0092D5;}
.contact-us .contact-us-left p {font-size:14px;color:#777;font-weight:400;text-align:left;margin-bottom:20px;}
.contact-us .contact-us-form {padding:5px 5px;}
.contact-us .contact-us-form h2 {position:relative;font-size:32px;color:#777;font-weight:600;line-height:27px;text-transform:capitalize;margin-bottom:12px;padding-bottom:20px;text-align:left;}
.contact-us .contact-us-form h2:before {position:absolute;content:"";left:0;bottom:0;height:2px;width:50px;background:#0092D5;}
.contact-us .contact-us-form p {font-size:14px;color:#777;font-weight:400;text-align:left;margin-bottom:20px;}
.contact-us .form {margin-top:30px;}
.contact-us .form .form-group {margin-bottom:22px;}
.contact-us .form .form-group input {width:100%;height:50px;border:1px solid #c4d8dc;text-transform:capitalize;padding:0px 18px;color:#777;font-size:14px;font-weight:400;border-radius:4px;transition: all 0.2s;outline: none;}
.contact-us .form .form-group input:hover {border:1px solid #0092D5;}
.contact-us .form .form-group textarea {width:100%;height:100px;border:1px solid #c4d8dc;text-transform:capitalize;padding:18px;color:#777;font-size:14px;font-weight:400;border-radius:4px;transition: all 0.2s;outline: none;}
.contact-us .form .form-group textarea:hover {border:1px solid #0092D5;}
.contact-us .form .form-group.login-btn {margin:0;}
.contact-us .form button {border:none;}
.contact-us .form .btn {display:inline-block;margin-right:10px;color:#fff;line-height:20px;width:100%;}
.contact-us .form .btn:hover {background:#0092D5;color:#fff;}
.contact-us .contact-us-form .checkbox {text-align:left;margin:0;margin-top:20px;display:inline-block;}
.contact-us .contact-us-form .checkbox label {font-size:14px;font-weight:400;color:#333;position:relative;padding-left:20px;}
.contact-us .contact-us-form .checkbox label:hover {cursor:pointer;}
.contact-us .contact-us-form .checkbox label input {display:none;}
.contact-us .contact-us-form .checkbox label::before {position:absolute;content:"";left:0;top:5px;width:15px;height:15px;border:1px solid #0092D5;border-radius:100%;}
.contact-us .contact-us-form .checkbox label::after {position:relative;content:"";width:7px;height:7px;left:-16px;top:-15px;opacity:0;visibility:hidden;transform:scale(0);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;display:block;font-size:9px;background:#0092D5;border-radius:100%;}
.contact-us .contact-us-form .checkbox label.checked::after {opacity:1;visibility:visible;transform:scale(1);}

.container .user-body {border-top:1px solid #f5f5f5;color:#6c757d;padding-top:0.2rem;padding-bottom:0.4rem;font-weight:300;font-size:1rem;line-height:1.7rem;}
.container .contact-info {margin: 45px 0 20px 0;}
.container .single-info {background:#0092D5;padding:22px 60px;height:150px;border-radius:10px;position:relative;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;margin-bottom: 25px;}
.container .single-info:before {position:absolute;z-index:-1;content:'';bottom:-10px;left:0;right:0;margin:0 auto;width:80%;height:90%;background:#0092D5;opacity:0;filter:blur(10px);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.container .single-info:hover:before {opacity:0.8;}
.container .single-info:hover {transform:translateY(-5px);}
.container .single-info i {font-size:42px;color:#fff;position:absolute;left:20px;}
.container .single-info .content {margin-left:15px;}
.container .single-info .content h3 {color:#fff;font-size:17px;font-weight:600;}
.container .single-info .content p {color:#fff;margin-top:5px;}
.container #myMap {width:100%;/*padding:10px 10px 10px 10px;*/}
.gbookSubscribe {display:inline-block;width:100%;height:3.125rem;border:0.125rem solid #0092D5;border-radius:1.5rem;background-color:#0092D5;color:#fff;transition:all 0.2s;margin-bottom: 30px;}
.gbookSubscribe:hover {background-color:transparent;color:#0092D5;outline:none;border: 0.125rem solid #0092D5;background-color:#fff;}

.accordion-custom .usersleft {border-radius:0;border:none;text-align: center;padding:50px 0 0 0;width:100%;}

.usermenuleft {display:inline-block;width:60%;padding:1rem 1rem 1rem 2rem;border:0.125rem solid #0092D5;background-color:#0092D5;color:#fff;text-align: left;transition:all 0.2s;margin-top:1rem;border-radius:3rem;}
.usermenuleft:hover {background-color:transparent;background-color:#fff;color:#0092D5;border:0.125rem solid #0092D5;outline:none;}

.usermenu {display:inline-block;width:50%;padding:0.6rem;border:0.125rem solid #0092D5;background-color:#0092D5;color:#fff;transition:all 0.2s;margin-top:1rem;}
.usermenu:hover {background-color:transparent;background-color:#fff;color:#0092D5;border:0.125rem solid #0092D5;outline:none;}

.gbooka {display:inline-block;width:40%;padding:0.6rem;border:0.125rem solid #0092D5;background-color:#0092D5;color:#fff;transition:all 0.2s;margin-top:1rem;}
.gbooka:hover {background-color:transparent;background-color:#fff;color:#0092D5;border:0.125rem solid #0092D5;outline:none;}

.fix {overflow: hidden;font-family: left;}
.single-p {position: relative;margin-bottom: 15px;}
.pl-100 {padding-left:100px;}
.post-face {float:left;left:0;top:0;position:absolute;text-align:center;width:90px;height:90px;padding:3px;border-radius:3.25rem;border:0.125rem solid #0092D5;}
.facepic{text-align:center;width:80px;height:80px;border-radius:50%;}
.post-txt {float:left;width:100%;padding:5px;border:0.125rem solid #0092D5;background:#0092D5;color:#fff;border-radius:1.5rem;padding-left:15px;margin-bottom: 5px;font-family: "Poppins",sans-serif;}

.post-security {border-bottom:1px solid #f5f5f5;color:#6c757d;float:left;width:100%;padding:7px;margin-bottom:15px;height: 50px;}
.postbt {float:right;margin-top:-10px;}

.textarea {padding: 5px 0 5px 0;color: #0092D5;font: 400 0.6rem/1.375rem "Poppins",sans-serif;}
.form-groups {margin-bottom:10px;}
.form-dq {width: 31.6%;float: left;height: auto!important;margin-right: 0.5rem;}

/*SEARCH LIST*/
.searchimg {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.searchimg:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.searchimg img {width:100%;height:231px;}
.searchimg:hover:before {opacity:0.8;}
.searchimg:hover .caption h4 {top:45%;}
.searchimg:hover .caption {opacity:1;top:55%;}
.searchimg .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;padding-bottom:0.7rem;}
.searchimg .caption h4 {font-size:16px;font-weight:600;}
.searchimg .caption h4 a {color:#555;}
.searchimg .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.searchimg .caption .search-icon i {line-height:40px;}
.searchimg .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.searchimg .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.searchimg .caption .search-links:hover {color:#fff;}

/*TAG LIST*/
.tagimg {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.tagimg:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.tagimg img {width:100%;height:231px;}
.tagimg:hover:before {opacity:0.8;}
.tagimg:hover .caption h4 {top:45%;}
.tagimg:hover .caption {opacity:1;top:55%;}
.tagimg .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;padding-bottom:0.7rem;}
.tagimg .caption h4 {font-size:16px;font-weight:600;}
.tagimg .caption h4 a {color:#555;}
.tagimg .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.tagimg .caption .search-icon i {line-height:40px;}
.tagimg .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.tagimg .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.tagimg .caption .search-links:hover {color:#fff;}

/*MESSAGE LIST*/
.accordion>.gbooklist {overflow:hidden;}
.accordion>.gbooklist:not(:first-of-type) .gbooklist-header:first-child {border-radius:0}
.accordion>.gbooklist:not(:first-of-type):not(:last-of-type) {border-bottom:0;border-radius:0}
.accordion>.gbooklist:first-of-type {border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.accordion>.gbooklist:last-of-type {border-top-left-radius:0;border-top-right-radius:0}
.accordion>.gbooklist .gbooklist-header {margin-bottom:-1px}
.accordion-custom .gbooklist {border-radius:0;border:none;margin-bottom:1.3rem;background:linear-gradient(45deg,#f5f5f5,#f5f5f5);border-radius: 5px;/*  background:linear-gradient(45deg,#0092D5,#fc324f);*/}
.accordion-custom .gbooklist-header {border:none;padding:0;background:none;}
.accordion-custom .gbooklist-header button {color:#fff;text-transform:none !important;background:none;display:block;border:none;padding:1.5rem 1rem;cursor:pointer;width:100%;text-align:left;background:#0092D5;outline:none;border-radius: 5px;}
.accordion-custom .gbooklist-header button[aria-expanded='true'] {background:none;color:#777;}
.accordion-custom .gbooklist-header button:hover,.accordion-custom .gbooklist-header button:focus {text-decoration:none;}
.accordion-custom .accordion-heading {font-size:1rem;}
.accordion-custom .accordion-heading i {font-size:1.2rem;margin-right:0.8rem;}
.accordion-custom .gbooklist-txt1 {color:#666;padding:0.1rem 1rem;padding-top:0.3rem;font-weight:300;font-size:0.8rem;border-top: 1px solid #eee;}
.accordion-custom .gbooklist-txt2 {color:#777;padding:1rem 1rem;padding-top:0.7rem;font-weight:300;font-size:0.8rem;border-top: 1px solid #eee;}
.accordion-custom .gbooklist-txt3 {color:#0092D5;padding:1rem 1rem;padding-top:0.7rem;font-weight:300;font-size:0.8rem;border-top: 1px solid #eee;}
.align-items-center {-ms-flex-align:center!important;align-items:center!important}
.d-flex {display:-ms-flexbox!important;display:flex!important}
.button {cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}
.collapse:not(.show) {display:none}

/* =========================================      THEMING OF THE BOOTSTRAP COMPONENTS   =========================================    
1 - NAVBAR    2 - BUTTONS    3 - TYPE    4 - PAGINATION    5 - UTILITIES    6 - FORMS    7 - CODE    8 - NAV    9 - CARD    10 - DROPDOWNS*//* * 1. NAVBAR */.navbar {padding:1.1rem 1rem;}
.navbar-brand {display:inline-block;padding-top:0.1rem;padding-bottom:0.1rem;margin-right:1rem;font-size:1.25rem;width:8.5rem;}
.navbar-toggler {padding:0.25rem 0.75rem;font-size:0.85rem;font-weight:600;line-height:1;text-transform:uppercase;border:1px solid transparent;border-radius:3rem;}
.navbar-toggler:hover,.navbar-toggler:focus {outline:none;}
.navbar-light .navbar-brand {color:rgba(0,0,0,0.9);}
.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus {color:rgba(0,0,0,0.9);}
.navbar-light .navbar-nav .nav-link {color:rgba(0,0,0,0.5);}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {color:rgba(0,0,0,0.7);}
.navbar-light .navbar-nav .nav-link.disabled {color:rgba(0,0,0,0.3);}
.navbar-light .navbar-nav .show > .nav-link,.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active {color:rgba(0,0,0,0.9);}
.navbar-light .navbar-toggler {color:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.1);}
.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-light .navbar-text {color:rgba(0,0,0,0.5);}
.navbar-dark .navbar-brand {color:#fff;}
.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus {color:#fff;}
.navbar-dark .navbar-nav .nav-link {color:rgba(255,255,255,0.5);}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus {color:rgba(255,255,255,0.75);}
.navbar-dark .navbar-nav .nav-link.disabled {color:rgba(255,255,255,0.25);}
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active {color:#fff;}
.navbar-dark .navbar-toggler {color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.1);}
.navbar-dark .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-dark .navbar-text {color:rgba(255,255,255,0.5);}

/* * 2. BUTTONS */
.btnhead {font-weight:400;border:0.125rem solid transparent;text-transform:uppercase;letter-spacing:0.08rem;padding:0.3rem 0.6rem;font-size:0.8rem;line-height:1.5;border-radius:3rem;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;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;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,-webkit-box-shadow 0.15s ease-in-out;text-decoration: none!important;}
.btn {font-weight:400;border:0.125rem solid transparent;text-transform:uppercase;letter-spacing:0.08rem;padding:0.45rem 1.5rem;font-size:0.92rem;line-height:1.5;border-radius:3rem;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;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;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,-webkit-box-shadow 0.15s ease-in-out;}
@media screen and (prefers-reduced-motion:reduce) {.btn {-webkit-transition:none;transition:none;}}
.btn:focus,.btn.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.btn.disabled,.btn:disabled {opacity:0.65;}
.btn:not(:disabled):not(.disabled):active,.btn:not(:disabled):not(.disabled).active {background-image:none;}
.btn-link {font-weight:400;color:#0092D5;}
.btn-link:hover {color:#c71a33;text-decoration:underline;}
.btn-link:focus,.btn-link.focus {text-decoration:underline;}
.btn-link:disabled,.btn-link.disabled {color:#6c757d;}
.btn-primary {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.btn-primary:hover {color:#fff;background-color:#0583C0;border-color:#0583C0;}
.btn-primaryreg {color:#fff;background-color:#555 ;border-color:#555 ;}
.btn-primaryreg:hover {color:#fff;background-color:#333;border-color:#333;}
.btn-primary:focus,.btn-primary.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-primaryreg:focus,.btn-primaryreg.focus {-webkit-box-shadow:0 0 0 0.2rem #f0f0f0;box-shadow:0 0 0 0.2rem #f0f0f0;}
.btn-primary.disabled,.btn-primary:disabled {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color:#fff;background-color:#0583C0;border-color:#0583C0;}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-warning {color:#212529;background-color:#0583C0;border-color:#0583C0;}
.btn-warning:hover {color:#212529;background-color:#e0a800;border-color:#d39e00;}
.btn-warning:focus,.btn-warning.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-warning.disabled,.btn-warning:disabled {color:#212529;background-color:#0583C0;border-color:#0583C0;}
.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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-outline-primary {color:#0092D5;background-color:transparent;background-image:none;border-color:#0092D5;}
.btn-outline-primary:hover {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.btn-outline-primary:focus,.btn-outline-primary.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {color:#0092D5;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:#0092D5;border-color:#0092D5;}
.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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-outline-warning {color:#0583C0;background-color:transparent;background-image:none;border-color:#0583C0;}
.btn-outline-warning:hover {color:#fff;background-color:#0583C0;border-color:#0583C0;}
.btn-outline-warning:focus,.btn-outline-warning.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {color:#0583C0;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:#0583C0;border-color:#0583C0;}
.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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-outline-light {color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa;}
.btn-outline-light:hover {color:#fff;background-color:#f8f9fa;border-color:#f8f9fa;}
.btn-outline-light:focus,.btn-outline-light.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,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 {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-lg {padding:0.5rem 2.4rem;font-size:1.25rem;line-height:1.5;border-radius:3rem;}
.btn-sm {padding:0.25rem 1.2rem;font-size:0.85rem;line-height:1.5;border-radius:3rem;}

.btn-banner {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.btn-banner:hover {color:#fff;background-color:#0583C0;border-color:#0583C0;}
.btn-banner:focus,.btn-banner.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}
.btn-banner.disabled,.btn-banner:disabled {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.btn-banner:not(:disabled):not(.disabled):active,.btn-banner:not(:disabled):not(.disabled).active,.show > .btn-banner.dropdown-toggle {color:#fff;background-color:#0583C0;border-color:#0583C0;}
.btn-banner:not(:disabled):not(.disabled):active:focus,.btn-banner:not(:disabled):not(.disabled).active:focus,.show > .btn-banner.dropdown-toggle:focus {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.5);}

/* * home news */
.slider-2ico {width: 100%;text-align: center;font-size: 4rem;color: #0092D5;}
.slider-2 {padding-top:3rem;padding-bottom:3rem;background:#fff;}
.slider-2 .slider-container {position:relative;}
.slider-2 .swiper-container {position:static;width:82%;text-align:center;}
.slider-2 .image-wrapper {width:6rem;margin-right:auto;margin-bottom:1rem;margin-left:auto;}
.slider-2 .image-wrapper img {border-radius:50%;}
.slider-2 .testimonial-author {color:#333;}
.slider-2 .swiper-button-prev,.slider-2 .swiper-button-next {width:1.125rem;}
.slider-2 .swiper-button-prev:focus,.slider-2 .swiper-button-next:focus {outline:none;}
.slider-2 .swiper-button-prev {left:0rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");background-size:1.125rem 1.75rem;}
.slider-2 .swiper-button-next {right:0rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");background-size:1.125rem 1.75rem;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0; z-index:1;}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-button-prev,.swiper-button-next {position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}

/*home product*/
.portfolio-filter {margin-bottom:40px;text-align:center;}
.portfolio-filter button {border:none;outline:none;border:1px solid rgba(236,239,241,0.07);background:transparent;display:inline-block;font-size:16px;padding:6px 20px;font-weight:700;color:#737f8a;-webkit-transition:all 0.3s;transition:all 0.3s;}
.portfolio-filter button.mixitup-control-active {border:1px solid #57cbcc;color:#57cbcc;}
.portfolio-items-wrapper .mix {padding:5px;}
.portfolio-block {position:relative;background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);}
.portfolio-block:before {transition:all 0.3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:'';}
.portfolio-block img {width:100%;height:231px;}
.portfolio-block:hover:before {opacity:0.8;}
.portfolio-block:hover .caption h4 {top:45%;}
.portfolio-block:hover .caption {opacity:1;top:55%;}
.portfolio-block .caption {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;}
.portfolio-block .caption h4 {font-size:16px;font-weight:600;}
.portfolio-block .caption h4 a {color:#555;}
.portfolio-block .caption .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.portfolio-block .caption .search-icon i {line-height:40px;}
.portfolio-block .caption .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.portfolio-block .caption .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.portfolio-block .caption .search-links:hover {color:#fff;}
/*home right picico*/
.portfolio-block:hover .captions h4 {top:45%;}
.portfolio-block:hover .captions {opacity:1;top:50%;}
.portfolio-block .captions {position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all 0.2s ease-in-out;text-align:center;min-width:90%;}
.portfolio-block .captions h4 {font-size:16px;font-weight:600;}
.portfolio-block .captions h4 a {color:#555;}
.portfolio-block .captions .search-icon {background:#0092D5;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;margin-bottom:1rem;}
.portfolio-block .captions .search-icon i {line-height:40px;}
.portfolio-block .captions .search-icon i:hover{background:#0583C0;width:40px;height:40px;color:#fff;display:inline-block;font-size:18px;border-radius:30px;}
.portfolio-block .captions .search-links {margin: 0.3rem 0.2rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.portfolio-block .captions .search-links:hover {color:#fff;}

.mfp-bg {top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap {top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container {text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width:100%;cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom {cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}
.mfp-preloader {color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-ready .mfp-preloader {display:none;}
.mfp-s-error .mfp-content {display:none;}
button.mfp-close,button.mfp-arrow {overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner {padding:0;border:0;}
.mfp-close {width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;}
.mfp-close:hover,.mfp-close:focus {opacity:1;}
.mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter {position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow {position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover,.mfp-arrow:focus {opacity:1;}
.mfp-arrow:before,.mfp-arrow:after {content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before {border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left {left:0;}
.mfp-arrow-left:after {border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before {margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right {right:0;}
.mfp-arrow-right:after {border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
img.mfp-img {width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure {line-height:0;}
.mfp-figure:after {content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small {color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure {margin:0;}
.mfp-bottom-bar {margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title {text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img {padding:0;}
.mfp-img-mobile .mfp-figure:after {top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small {display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
.mfp-img-mobile .mfp-counter {right:5px;top:3px;}
.mfp-img-mobile .mfp-close {top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left {-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right {-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container {padding-left:6px;padding-right:6px;}
}

/* * 3. TYPE */
body {font-family:"Poppins",sans-serif;font-size:0.9rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transition:all 0.3s;}
a:hover,a:focus {color:#0092D5;text-decoration:none;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {margin-bottom:0.5rem;margin-bottom:0.5rem;font-family:inherit;font-weight:300;line-height:2;color:inherit;}
h1,.h1 {font-size:3.5rem;}
h2,.h2 {font-size:2rem;}
h3,.h3 {font-size:1.65rem;}
h4,.h4 {font-size:1.5rem;}
h5,.h5 {font-size:1.25rem;}
h6,.h6 {font-size:0.9rem;}
.lead {font-size:1.2rem;font-weight:300;}
.display-1 {font-size:6rem;font-weight:300;line-height:1.2;}
.display-2 {font-size:5.5rem;font-weight:300;line-height:1.2;}
.display-3 {font-size:4.5rem;font-weight:300;line-height:1.2;}
.display-4 {font-size:3.5rem;font-weight:300;line-height:1.2;}
hr {border-top:1px solid rgba(0,0,0,0.1);}
small,.small {font-size:80%;font-weight:400;}
mark,.mark {padding:0.2em;background-color:#fcf8e3;}
.blockquote {padding:2rem 1.5rem;margin-bottom:2rem;font-size:1.1rem;border-left:5px solid #0092D5;font-weight:300;background:#f5f5f5;line-height:1.8rem;}
.blockquote-footer {color:#6c757d;}
.blockquote-footer::before {content:"\2014 \00A0";}
.text-primary {color:#0092D5 !important;}
a.text-primary:hover,a.text-primary:focus {color:#0583C0 !important;}

.video-play {position:absolute;z-index:10;top:50%;left:50%;display:block;box-sizing:content-box;width:2rem;height:2.75rem;padding:1.125rem 1.25rem 1.125rem 1.75rem;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.video-play:before {content:"";position:absolute;z-index:0;top:50%;left:50%;display:block;width:4.75rem;height:4.75rem;border-radius:50%;background:#0092D5;animation:pulse-border 1500ms ease-out infinite;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.video-play:after {content:"";position:absolute;z-index:1;top:50%;left:50%;display:block;width:4.375rem;height:4.375rem;border-radius:50%;background:#0092D5;transition:all 200ms;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.video-play span {position:relative;display:block;z-index:3;top:0.375rem;left:0.25rem;width:0;height:0;border-left:1.625rem solid #fff;border-top:1rem solid transparent;border-bottom:1rem solid transparent;}
@keyframes pulse-border {0% {transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}
100% {transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}}


/* * 4. PAGINATION */
.page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0;}
.page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;}
.page-item.active .page-link {color:#fff;background-color:#0092D5;border-color:#0092D5;}
.page-item.disabled .page-link {color:#6c757d;background-color:#fff;border-color:#dee2e6;}
.page-link {padding:0.5rem 0.75rem;line-height:1.25;color:#0092D5;background-color:#fff;border:1px solid #dee2e6;}
.page-link:hover,.page-link:focus {color:#c71a33;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6;}
.pagination-lg .page-link {padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}
.pagination-lg .page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0;}
.pagination-lg .page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;}
.pagination-sm .page-link {padding:0.25rem 0.5rem;font-size:0.85rem;line-height:1.5;}
.pagination-sm .page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0;}
.pagination-sm .page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;}

/** 5. UTILITIES*/
.bg-primary {background-color:#0092D5 !important;}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {background-color:#0583C0 !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:#0583C0 !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;}
.border-primary {border-color:#0092D5 !important;}
.border-secondary {border-color:#6c757d !important;}
.border-success {border-color:#28a745 !important;}
.border-info {border-color:#17a2b8 !important;}
.border-warning {border-color:#0583C0 !important;}
.border-danger {border-color:#dc3545 !important;}
.border-light {border-color:#f8f9fa !important;}
.border-dark {border-color:#343a40 !important;}
.text-primary {color:#0092D5 !important;}
a.text-primary:hover,a.text-primary:focus {color:#0583C0 !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:#0583C0 !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;}
.badge-primary {color:#fff;background-color:#0092D5;}
.badge-primary[href]:hover,.badge-primary[href]:focus {color:#fff;text-decoration:none;background-color:#0583C0;}
.badge-secondary {color:#fff;background-color:#6c757d;}
.badge-secondary[href]:hover,.badge-secondary[href]:focus {color:#fff;text-decoration:none;background-color:#545b62;}
.badge-success {color:#fff;background-color:#28a745;}
.badge-success[href]:hover,.badge-success[href]:focus {color:#fff;text-decoration:none;background-color:#1e7e34;}
.badge-info {color:#fff;background-color:#17a2b8;}
.badge-info[href]:hover,.badge-info[href]:focus {color:#fff;text-decoration:none;background-color:#117a8b;}
.badge-warning {color:#212529;background-color:#0583C0;}
.badge-warning[href]:hover,.badge-warning[href]:focus {color:#212529;text-decoration:none;background-color:#d39e00;}
.badge-danger {color:#fff;background-color:#dc3545;}
.badge-danger[href]:hover,.badge-danger[href]:focus {color:#fff;text-decoration:none;background-color:#bd2130;}
.badge-light {color:#212529;background-color:#f8f9fa;}
.badge-light[href]:hover,.badge-light[href]:focus {color:#212529;text-decoration:none;background-color:#dae0e5;}
.badge-dark {color:#fff;background-color:#343a40;}
.badge-dark[href]:hover,.badge-dark[href]:focus {color:#fff;text-decoration:none;background-color:#1d2124;}

/*  * 6. FORMS  */
.form-control {padding:0.75rem 1.2rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #dee2e6;border-radius:0;-webkit-transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;}
@media screen and (prefers-reduced-motion:reduce) {.form-control {-webkit-transition:none;transition:none;}}
.form-control::-ms-expand {background-color:transparent;border:0;}
.form-control:focus {color:#495057;background-color:#fff;border-color:#81d3f9;/*输入框边色*/outline:0;-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.form-control::-webkit-input-placeholder {color:#6c757d;}
.form-control:-ms-input-placeholder {color:#6c757d;}
.form-control::-ms-input-placeholder {color:#6c757d;}
.form-control::placeholder {color:#6c757d;}
.form-control:disabled,.form-control[readonly] {background-color:#e9ecef;}
select.form-control:not([size]):not([multiple]) {height:calc(2.25rem + 2px);}
select.form-control:focus::-ms-value {color:#495057;background-color:#fff;}
.form-control-sm {padding:0.25rem 1.2rem;font-size:0.85rem;line-height:1.5;border-radius:0;}
select.form-control-sm:not([size]):not([multiple]) {height:calc(1.775rem + 2px);}
.form-control-lg {padding:0.5rem 2.4rem;font-size:1.25rem;line-height:1.5;border-radius:0;}
select.form-control-lg:not([size]):not([multiple]) {height:calc(2.875rem + 2px);}
.valid-feedback {display:none;width:100%;margin-top:0.25rem;font-size:80%;color:#28a745;}
.valid-tooltip {position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,0.8);border-radius:.2rem;}
.was-validated .form-control:valid,.form-control.is-valid,.was-validated.custom-select:valid,.custom-select.is-valid {border-color:#28a745;}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus,.was-validated.custom-select:valid:focus,.custom-select.is-valid:focus {border-color:#28a745;-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.was-validated .form-control:valid ~ .valid-feedback,.was-validated .form-control:valid ~ .valid-tooltip,.form-control.is-valid ~ .valid-feedback,.form-control.is-valid ~ .valid-tooltip,.was-validated.custom-select:valid ~ .valid-feedback,.was-validated.custom-select:valid ~ .valid-tooltip,.custom-select.is-valid ~ .valid-feedback,.custom-select.is-valid ~ .valid-tooltip {display:block;}
.was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label {color:#28a745;}
.was-validated .form-check-input:valid ~ .valid-feedback,.was-validated .form-check-input:valid ~ .valid-tooltip,.form-check-input.is-valid ~ .valid-feedback,.form-check-input.is-valid ~ .valid-tooltip {display:block;}
.was-validated .custom-control-input:valid ~ .custom-control-label,.custom-control-input.is-valid ~ .custom-control-label {color:#28a745;}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,.custom-control-input.is-valid ~ .custom-control-label::before {background-color:#71dd8a;}

.was-validated .custom-control-input:valid ~ .valid-feedback,.was-validated .custom-control-input:valid ~ .valid-tooltip,.custom-control-input.is-valid ~ .valid-feedback,.custom-control-input.is-valid ~ .valid-tooltip {display:block;}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,.custom-control-input.is-valid:checked ~ .custom-control-label::before {background-color:#34ce57;}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,.custom-control-input.is-valid:focus ~ .custom-control-label::before {-webkit-box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);}
.was-validated .custom-file-input:valid ~ .custom-file-label,.custom-file-input.is-valid ~ .custom-file-label {border-color:#28a745;}
.was-validated .custom-file-input:valid ~ .custom-file-label::before,.custom-file-input.is-valid ~ .custom-file-label::before {border-color:inherit;}
.was-validated .custom-file-input:valid ~ .valid-feedback,.was-validated .custom-file-input:valid ~ .valid-tooltip,.custom-file-input.is-valid ~ .valid-feedback,.custom-file-input.is-valid ~ .valid-tooltip {display:block;}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,.custom-file-input.is-valid:focus ~ .custom-file-label {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.invalid-feedback {display:none;width:100%;margin-top:0.25rem;font-size:80%;color:#dc3545;}
.invalid-tooltip {position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,0.8);border-radius:.2rem;}
.was-validated .form-control:invalid,.form-control.is-invalid,.was-validated.custom-select:invalid,.custom-select.is-invalid {border-color:#dc3545;}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus,.was-validated.custom-select:invalid:focus,.custom-select.is-invalid:focus {border-color:#dc3545;-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.was-validated .form-control:invalid ~ .invalid-feedback,.was-validated .form-control:invalid ~ .invalid-tooltip,.form-control.is-invalid ~ .invalid-feedback,.form-control.is-invalid ~ .invalid-tooltip,.was-validated.custom-select:invalid ~ .invalid-feedback,.was-validated.custom-select:invalid ~ .invalid-tooltip,.custom-select.is-invalid ~ .invalid-feedback,.custom-select.is-invalid ~ .invalid-tooltip {display:block;}
.was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label {color:#dc3545;}
.was-validated .form-check-input:invalid ~ .invalid-feedback,.was-validated .form-check-input:invalid ~ .invalid-tooltip,.form-check-input.is-invalid ~ .invalid-feedback,.form-check-input.is-invalid ~ .invalid-tooltip {display:block;}
.was-validated .custom-control-input:invalid ~ .custom-control-label,.custom-control-input.is-invalid ~ .custom-control-label {color:#dc3545;}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,.custom-control-input.is-invalid ~ .custom-control-label::before {background-color:#efa2a9;}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,.was-validated .custom-control-input:invalid ~ .invalid-tooltip,.custom-control-input.is-invalid ~ .invalid-feedback,.custom-control-input.is-invalid ~ .invalid-tooltip {display:block;}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,.custom-control-input.is-invalid:checked ~ .custom-control-label::before {background-color:#e4606d;}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,.custom-control-input.is-invalid:focus ~ .custom-control-label::before {-webkit-box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);}
.was-validated .custom-file-input:invalid ~ .custom-file-label,.custom-file-input.is-invalid ~ .custom-file-label {border-color:#dc3545;}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before,.custom-file-input.is-invalid ~ .custom-file-label::before {border-color:inherit;}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,.was-validated .custom-file-input:invalid ~ .invalid-tooltip,.custom-file-input.is-invalid ~ .invalid-feedback,.custom-file-input.is-invalid ~ .invalid-tooltip {display:block;}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,.custom-file-input.is-invalid:focus ~ .custom-file-label {-webkit-box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 0.2rem rgba(5,131,192,0.25);}
.custom-control-input:checked ~ .custom-control-label::before {color:#fff;background-color:#0092D5;}
.custom-control-input:focus ~ .custom-control-label::before {-webkit-box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);box-shadow:0 0 0 1px #fff,0 0 0 0.2rem rgba(5,131,192,0.25);}
.custom-control-input:active ~ .custom-control-label::before {color:#fff;background-color:#fce5e8;}
.custom-control-input:disabled ~ .custom-control-label {color:#6c757d;}
.custom-control-input:disabled ~ .custom-control-label::before {background-color:#e9ecef;}
.custom-checkbox .custom-control-label::before {border-radius:0;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color:#0092D5;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {background-color:#0092D5;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color:rgba(5,131,192,0.5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {background-color:rgba(5,131,192,0.5);}
.custom-radio .custom-control-label::before {border-radius:50%;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color:#0092D5;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color:rgba(5,131,192,0.5);}

/** 7.CODE*/
code {font-size:87.5%;color:#e83e8c;}

/** 8. NAV*/
.nav-link {color:#333;font-weight:400;padding:0.5rem 1rem;letter-spacing:0.03rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
.nav-link.disabled {color:#6c757d;}
.nav-link:hover,.nav-link:focus,.nav-link.active {color:#0092D5;text-decoration:none;}
.nav-tabs .nav-item {margin-bottom:-1px;}
.nav-tabs .nav-link {border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {border-color:#e9ecef #e9ecef #dee2e6;}
.nav-tabs .nav-link.disabled {color:#6c757d;}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {color:#495057;background-color:#fff;}
.nav-tabs .dropdown-menu {margin-top:-1px;}
.nav-pills .nav-link {border-radius:0;}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link {color:#fff;background-color:#0092D5;}

/** NAV Menu The mouse appears after passing*/
.navbar-custom .dropdown:hover > .dropdown-menu {display:block;min-width:auto;animation:fadeDropdown 0.2s;-webkit-transition:all 0.3s;transition:all 0.3s;}

/** 9. CARD*/
.card {background-color:#fff;border:1px solid rgba(0,0,0,0.125);border-radius:0;}
.card > .list-group:first-child .list-group-item:first-child {border-top-left-radius:0;border-top-right-radius:0;}
.card > .list-group:last-child .list-group-item:last-child {border-bottom-right-radius:0;border-bottom-left-radius:0;}
.card-body {padding:1.25rem;}
.card-title {margin-bottom:0.75rem;}
.card-subtitle {margin-top:-0.375rem;}
.card-link + .card-link {margin-left:1.25rem;}
.card-header {padding:0.75rem 1.25rem;background-color:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.125);}
.card-header:first-child {border-radius:calc(0 - 1px) calc(0 - 1px) 0 0;}
.card-header-transparent {background-color:rgba(0,0,0,0.3);border-bottom:none;}
.card-footer {padding:0.75rem 1.25rem;background-color:#f8f9fa;border-top:1px solid rgba(0,0,0,0.125);}
.card-footer:last-child {border-radius:0 0 calc(0 - 1px) calc(0 - 1px);}
.card-header-tabs {margin-right:-0.625rem;margin-bottom:-0.75rem;margin-left:-0.625rem;border-bottom:0;}
.card-header-pills {margin-right:-0.625rem;margin-left:-0.625rem;}
.card-img-overlay {padding:1.25rem;}
.card-img-overlay-opacity {background:rgba(0,0,0,0.2);}
.card-img {border-radius:calc(0 - 1px);}
.card-img-top {border-top-left-radius:calc(0 - 1px);border-top-right-radius:calc(0 - 1px);}
.card-img-bottom {border-bottom-right-radius:calc(0 - 1px);border-bottom-left-radius:calc(0 - 1px);}
.card-deck .card {margin-bottom:15px;}
@media (min-width:576px) {.card-deck {margin-right:-15px;margin-left:-15px;}
.card-deck .card {margin-right:15px;margin-left:15px;}}

/** 10. DROPDOWNS*/
.dropdown-menu {min-width:12.5;padding:0;margin:0.125rem 0 0;font-size:1rem;color:#212529;background-color:#fff;border:none;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);box-shadow:0 0 4px rgba(0,0,0,0.1);border-radius:0;}
.dropdown-item {padding:0.7rem 1.5rem;font-weight:400;color:#212529;width:100%;font-size:0.9rem;}
.dropdown-item:hover,.dropdown-item:focus {color:#fff;background-color:#0092D5;}
.dropdown-item.active,.dropdown-item:active {color:#fff;background-color:#0092D5;}
.dropdown-item.disabled,.dropdown-item:disabled {color:#6c757d;}