img.classTopPpatientImageProfile
{
	height:74px;
	width:77px;
}
.horz_menu ul
{
    text-transform:capitalize;
}
.horz_menu ul a:hover{color:#ef353b}
.classPageBoxHome {min-height: 595px;padding: 5px;}

.classWidgetPatientLoginForm ,.classPatientForgotPwdForm,.changePassword{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    height: 280px;
    margin: 0 auto;
    padding: 5px;
    width: 45%;
}
.classPortalDisclaimer {
    margin: 60px 0 20px 20px;
    min-height: 30px;
}
#idDisclaimerHeading {
    color: #A71633;
    font-size: 18px;
    font-weight: bold;
}
.classDisclaimerList .classListPoints {
    font-style: normal;
    margin-top: 20px;
    font-size:14px;
}

#idPatientUsername, #idPatientUsername, #idPatientSubmit, #idPatientPassword {
    margin-bottom: 20px;
    margin-top: 20px;
}


.classFormInputSet label.classLabel {
    text-align: left;
}
.classLabel {
    color: #000000;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    margin-bottom: 2px;
}

.classLabels{
	color: #222;
	display:inline;
	font-size: 16px;
	margin-bottom: 4px;
	min-width:150px;	
	display:inline;
	margin-left:4px;
	margin-top:6px;
	float: left;
	cursor: default;
	//font-weight: bold;
	//font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,'Segoe UI','Open Sans',Arial,sans-serif ;
}

.classLabell {
    float: left;
    margin-left: 5px;
    min-width: 180px;
}

input.classInputText[type="text"].classCountryPhoneCode
{
    width:30px;
}

input.classSpecialInputs[type="password"], input.classInputText[type="password"], input.classInputSelect[type="password"], input.classSpecialInputs[type="text"], input.classInputText[type="text"], input.classInputSelect[type="text"], .classSpecialInputs, .classInputText, .classInputSelect {
    border: 1px solid #DEDEDE;
    border-radius: 2px 2px 2px 2px;
   // font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,'Segoe UI','Open Sans',Arial,sans-serif;
    font-size: 14px;
    height: 32px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 2px;
    width: 250px;
}

input[type="text"].classInputTextL
{
      border: 1px solid #DEDEDE;
    border-radius: 2px 2px 2px 2px;
    //font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,'Segoe UI','Open Sans',Arial,sans-serif;
    font-size: 14px;
    height: 32px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 2px;
    width: 300px;
}


table.dataTable {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 18px;
}

.classPatientPrescriptionButton
{
    margin-left:20px;
}

/*css for Diagnosis and Member Handbook Button */
.classPatientDiagnosisButton,.classMemberHandBookButton ,.classPatientFamilyRelationButton
{
    margin-left:20px;
    margin-top:10px;
}

.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}
.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-radius: 0 0 0 0;
}
.ui-widget-header {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 2px;
}

div.ui-datepicker-header 
a.ui-datepicker-prev,div.ui-datepicker-header 
a.ui-datepicker-next
{
    display: none;  
}

.dataTables_filter {
    height: 20px;
     float: right;
    text-align: right;
    margin-bottom:20px;

}


.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}
.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}
.dataTables_paginate {
  margin-top:15px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.dataTables_info {
    clear: both;
    float: left;
    padding-top: 3px;
    width: 60%;
}
.paging_full_numbers .ui-button {
    //color: #333333 !important;
    color:#000 ;
    cursor: pointer;
    margin: 0;
    padding: 2px 6px;
}
.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
    background-color:#AFAFAF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 14px;
    //opacity: 1;
}
#idTitleTestMedicalRecords {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #A71633;
    color: #777777;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-top: 10px;
}

#idTitleConsMedicalReport ,#idDiagnosisHeading,#idTitlePrescription,#idTitleUploadFile,#idTitleExternalReport,#idUpdateProfileHeading,#idKBaseHeading,#idAppointmentHeading,#idViewAppointmentHeading,#idViewReportHeader,#idActionPlanHeading,#idMemberPlanInfoHeading,#idPHRTandC,#idPHRPrivacy,.classHeading{
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #A71633;
    color: #777777;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-top: 10px;
}

h2.classH2Heading{
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #A71633;
    color: #777777;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-top: 10px;
}

.ui-state-default, .ui-widget-content  .ui-widget-header {
    background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #afafaf;
   border: 1px solid #CCCCCC;
    //color: #FFF;
    color:#000;
    background-color:#afafaf;
    font-size:14px;
    padding:3px;
    //opacity:1;
}


#idExternalReportsData_first,idExternalReportsData_previous
{
     background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #AFAFAF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 14px;
    opacity: 1;
}


table.dataTable td {
    padding: 3px 8px;
    text-transform:capitalize;
}

 a{ color:#333333; text-decoration:none;}

 textarea.classInputTextArea
{
    width: 550px;
    border: 1px #eee solid;
    display:block;
    height:auto;

}
.classTableHeading{
    //background-color: #555555;
    background-color:#afafaf;
    //color: #FFFFFF;
    color:#000;
    font-size: 14px;
    font-style: normal;
    padding: 3px;
}
.classPatientPrescription, .classPatientDiagnosis {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}


#idTitleChangePassword{
	color: #777;
font-weight:normal;
font-size:18px;
margin-bottom:5px;
background: #fff;
background-repeat:repeat-x;
border-bottom: 1px solid #f77;
padding-top:10px;
//margin-bottom:20px;
}

.classPageBox
{
    min-height: 750px;
    padding: 5px;
    text-align: left;
}

.classValues{
  font-size: 12px;
  padding-left: 2px;
  text-transform: capitalize;
}

td.classValuess{
    border-bottom: 1px solid #afafaf;
}

div.class_footer_company_info
{
    padding-left:110px;
    
}

a.classCompanyInfoLink
{
    color:#fff;
}

// CSS FOR BILL //
span.classSmallSize
{
    font-size:14px;
}
.wrp3_L1_I1
{
    float:none;
}

#idBillWidgetLeft
{
    height:100px;
}

h3.classBillHeading
{
    margin-left:20px;
    margin-top:2px;
    margin-bottom:0px;
    font-size:13px;
}

.classBillInfo
{
    //float:right;
    //margin-left:20px;
    margin-right:20px;
    font-weight:bold;
    font-size:13px;
    padding: 3px 0 3px 5px;
}

.classBillInfoData{
    //float:right;
    //margin-left:20px;
    margin-right:20px;
    font-size:13px;
    padding: 3px 0 3px 5px;
}

.classLastBill
{
    margin-left:0px;
    font-weight:bold;
    font-size:13px;
    width:155px;
    padding: 3px 0 3px 15px;
}

div.classWidgetLeft
{
    float:left;
}

.classBillMonthData
{
    float:right;
    font-size:12px;
    //margin-right:30px;
    padding: 3px 0 3px 15px;
    width:80px;
}

.classBillAmountData
{
    float:right;
    font-size:12px;
   // margin-right:10px;
    margin-left:0px;
    padding: 3px 0 3px 15px;
    width:90px;
}

/* End Bll */

/* Member Plan Info Css **/
.classMemberPlanTable
{
    margin-top:20px;
    margin-right:6px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.classMemPlanLabel
{
    color: #000000;
    cursor: default;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    margin-bottom: 2px;

}
.classMemPlanValue
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
}

.classMemberPlanInfoTable
{
    padding:1px;
}

.classMemPlanType
{
    color: #08c;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}


/* class for PHR Terms & Condition Headings */
/* 8th Jan 2014 */
.classTandC
{
    border: 0 solid #CCCCCC;
     font-size: 13px;
    font-weight: bold;

}    

.classAcceptAgreementDiv
{
    height:30px;
}

input[type="button"].classSmallBtn{
    width:75px;
}

/** Define CSS To Genrate Vertical Sub Menus of Main Menu **/
.menu{ height:36px;}
ul.nav li a {display: block; text-decoration: none; }
ul.nav > li {display: inline-block; position: relative; //border: 1px solid #fff;}
ul.nav > li ul {display: none; position: absolute; left: -1px; width:145px;background-color:#fff;  border:1px medium #CCCCCC; font-size:14px;border-bottom-right-radius:1px;
border-bottom-left-radius:1px; }
ul.nav > li ul:hover{text-decoration: underline;}
ul.nav > li:hover ul {display: block;}
ul.nav > li ul li {display: block;color:#A71633;float:left;width:135px;}
ul.nav li ul li a {display: block;color:#A71633; border-right:none;text-decoration: none;}
ul.nav li ul li a:hover {display: block;color:#A71633; border-right:none;text-decoration: underline;font-weight: bold;}



.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid white;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
    margin-top:5px;
}
/** ENR SUBMENU CSS **/

div.classMemName{
    text-align:center;
}

.classTextBox
{
    width:650px;
    height:55px;
}

.classRequired{color: red;}
.classBtnSmall{
    border-radius: 5px;
    padding: 5px;
    border: #D51B22 solid 1px;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    //font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    background: url(../images/but_bg.gif) repeat-x;
}

.classOrgLogo{height: 100px;}
.classRecommendationList{padding:5px;border-bottom: 1px solid #EEE;margin-bottom: 2px;text-transform: uppercase;font-size: 10px;}
#idRecommendationDiv{max-height: 150px;overflow: auto;}

.classInputBox{
    display: block;
    width: 90%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.classSelectBox{
    display: block;
    width: 94%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#feedback { 
    height: 104px; 
    width: 104px; 
    position: fixed; 
    top: 40%; 
    z-index: 1000;
    position: fixed;
    right: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

#feedback a { 
    display: block; 
    background: #0db14b; 
    height: 15px; 
    width: 70px; 
    padding: 8px 16px;
    color: #fff; 
    font-family: Arial, sans-serif; 
    font-size: 17px; 
    font-weight: bold; 
    text-decoration: none; 
    border-bottom: solid 1px #0db14b; border-left: solid 1px #0db14b; border-right: solid 1px #fff;
}

#feedback a:hover { 
    background: #0db14b; 
}


[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.icon-trash {
  background-position: -456px 0;
}


/* Removing Bootstrap's background color */
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}


/* For Boxes */
.classDashboardBox  {
    border: 1px solid #efefef;
    padding: 0px;
    color: #fff;
}

.classDashboardBox h3 {
    font-size: 28px;
    margin: 10px;
}

.classDashboardBox p {
    font-size: 18px;
    margin: 10px;
}

.classDashboardBox > .classDashboardBoxFooter {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}


/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222222 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}

.classHidden {
    display: none;
}

tr.classTHeadRow
{
    padding:2px;
    height:25px;
}


td.classTBodyRow
{
    border-bottom:1px solid #DDDDDD;
    padding:4px;
}

.classTable
{
    border-left: 1px solid #DDDDDD;
}

.classTableHeading
{
    border-right: 1px solid #FFF;
}
.classAddNewVitalValue,.classVitalGraph{
    margin-left: 5px;
}
#idTableVitalsHistory,#idTableParametersHistory{
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
#idVitalsInstructions,#idParametersInstructions{
    width: 100%;
}

.input-append {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.input-append input{
    height: 30px;
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}

#idVitalAddModal{
    z-index: 1500;
}

.classVitalDatepicker{
    z-index:1151 !important;
}
#idModalBodyVitalHistory{
    max-height: 250px;
}
.classPatientParameter{
    height: 30px !important;
}


/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
@-ms-viewport {
  width: device-width;
}

.bootstrap-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.bootstrap-wrapper *,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}




.bootstrap-wrapper .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.bootstrap-wrapper .visible {
  visibility: visible !important;
}

.bootstrap-wrapper .invisible {
  visibility: hidden !important;
}

.bootstrap-wrapper .hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .bootstrap-wrapper .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .bootstrap-wrapper .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .bootstrap-wrapper .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .bootstrap-wrapper .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .bootstrap-wrapper .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .hidden-xl-up {
    display: none !important;
  }
}

.bootstrap-wrapper .hidden-xl-down {
  display: none !important;
}

.bootstrap-wrapper .visible-print-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-block {
    display: block !important;
  }
}

.bootstrap-wrapper .visible-print-inline {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline {
    display: inline !important;
  }
}

.bootstrap-wrapper .visible-print-inline-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .bootstrap-wrapper .hidden-print {
    display: none !important;
  }
}

.bootstrap-wrapper .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bootstrap-wrapper .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .container {
    max-width: 1140px;
  }
}

.bootstrap-wrapper .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bootstrap-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bootstrap-wrapper .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.bootstrap-wrapper .no-gutters > .col,
.bootstrap-wrapper .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap-wrapper .col-1, .bootstrap-wrapper .col-2, .bootstrap-wrapper .col-3, .bootstrap-wrapper .col-4, .bootstrap-wrapper .col-5, .bootstrap-wrapper .col-6, .bootstrap-wrapper .col-7, .bootstrap-wrapper .col-8, .bootstrap-wrapper .col-9, .bootstrap-wrapper .col-10, .bootstrap-wrapper .col-11, .bootstrap-wrapper .col-12, .bootstrap-wrapper .col,
.bootstrap-wrapper .col-auto, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-sm,
.bootstrap-wrapper .col-sm-auto, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-md,
.bootstrap-wrapper .col-md-auto, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-lg-12, .bootstrap-wrapper .col-lg,
.bootstrap-wrapper .col-lg-auto, .bootstrap-wrapper .col-xl-1, .bootstrap-wrapper .col-xl-2, .bootstrap-wrapper .col-xl-3, .bootstrap-wrapper .col-xl-4, .bootstrap-wrapper .col-xl-5, .bootstrap-wrapper .col-xl-6, .bootstrap-wrapper .col-xl-7, .bootstrap-wrapper .col-xl-8, .bootstrap-wrapper .col-xl-9, .bootstrap-wrapper .col-xl-10, .bootstrap-wrapper .col-xl-11, .bootstrap-wrapper .col-xl-12, .bootstrap-wrapper .col-xl,
.bootstrap-wrapper .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.bootstrap-wrapper .col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.bootstrap-wrapper .col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.bootstrap-wrapper .col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.bootstrap-wrapper .col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.bootstrap-wrapper .col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.bootstrap-wrapper .col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.bootstrap-wrapper .col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.bootstrap-wrapper .col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.bootstrap-wrapper .col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.bootstrap-wrapper .col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.bootstrap-wrapper .col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.bootstrap-wrapper .col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.bootstrap-wrapper .col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.bootstrap-wrapper .col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.bootstrap-wrapper .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.bootstrap-wrapper .order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

.bootstrap-wrapper .order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.bootstrap-wrapper .order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.bootstrap-wrapper .order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.bootstrap-wrapper .order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.bootstrap-wrapper .order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.bootstrap-wrapper .order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.bootstrap-wrapper .order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.bootstrap-wrapper .order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.bootstrap-wrapper .order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.bootstrap-wrapper .order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.bootstrap-wrapper .order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.bootstrap-wrapper .order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.bootstrap-wrapper .order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.bootstrap-wrapper .offset-1 {
  margin-left: 8.3333333333%;
}

.bootstrap-wrapper .offset-2 {
  margin-left: 16.6666666667%;
}

.bootstrap-wrapper .offset-3 {
  margin-left: 25%;
}

.bootstrap-wrapper .offset-4 {
  margin-left: 33.3333333333%;
}

.bootstrap-wrapper .offset-5 {
  margin-left: 41.6666666667%;
}

.bootstrap-wrapper .offset-6 {
  margin-left: 50%;
}

.bootstrap-wrapper .offset-7 {
  margin-left: 58.3333333333%;
}

.bootstrap-wrapper .offset-8 {
  margin-left: 66.6666666667%;
}

.bootstrap-wrapper .offset-9 {
  margin-left: 75%;
}

.bootstrap-wrapper .offset-10 {
  margin-left: 83.3333333333%;
}

.bootstrap-wrapper .offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .bootstrap-wrapper .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-sm-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-md-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-md-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-md-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-md-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-lg-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-xl-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.bootstrap-wrapper .img-fluid {
  max-width: 100%;
  height: auto;
}